Ajax JQuery HTML 提交上传文件File HTML+ Ajax+ASP.NET+ WebService

南宫萧尘 2024-10-20 07:35:52 原文

起因：公司最近有些项目用到了HTML+WebService的组合，发现访问速度等都快了许多，但是由于通过Ajax只能应付一些简单的文字类的传输，上传文件就捉襟见肘了，如果一直引用第三方的swf之类上传也不是一个办法，所以，一直在寻找解决文件上传的方法。找了许多方法，后来知道需要指定格式才能上传文件，就是要指定Form表单为：

enctype=]);

$.ajax({

url: 'http://localhost:34181/HomeService.asmx/UploadFile?jsoncallback=?',

type: 'POST',

data: formData,

async: false,

cache: false,

contentType: false,

processData: false,

// dataType: "jsonp",//问题就在这里，如果用了jsonp，那么后台就接收不到文件流，无法获得文件流，就没办法把文件写入服务器。如果不指定，就是注释掉，虽然ajax提交之后，还是跑到error那里去，但是文件已经是成功写入服务器的了。

jsonp: "jsoncallback",

success: function(returndata) {

var vData = JSON.stringify(returndata);

alert(vData);

error: function(returndata) {

var vData = JSON.stringify(returndata);

alert(vData);

}

});

}

</script>

HTML：

<p>指定文件名：

</p>

<p>上传文件：

</ p>

</form>

后台（WebService）：

/// <summary>

/// 上传文件

/// </summary>

/// <returns></returns>

[WebMethod(EnableSession = true)]

public void UploadFile()

{

HttpContext.Current.Response.ContentType = "application/json;charset=utf-8";

string jsonCallBackFunName = HttpContext.Current.Request.Params["jsoncallback"].ToString();//这里如果前台没有用jsonp，那么获取到的是一个?，所以处理完之后，前台是没法获取到服务器返回的内容的。

//上面代码必须，不能注释

//中间代码执行自己的业务操作，可返回自己的任意信息（多数据类型）

string strJson = "";

HttpFileCollection files = HttpContext.Current.Request.Files;

string strFileName = HttpContext.Current.Request["filename"];

byte[] b = new byte[files[0].ContentLength];

System.IO.Stream fs = (System.IO.Stream)files[0].InputStream;

fs.Read(b, 0, files[0].ContentLength);

///定义并实例化一个内存流，以存放提交上来的字节数组。

MemoryStream m = new MemoryStream(b);

///定义实际文件对象，保存上载的文件。

FileStream f = new FileStream(Server.MapPath("\\UploadFile") + "\\"

+ files[0].FileName, FileMode.Create);

///把内内存里的数据写入物理文件

m.WriteTo(f);

m.Close();

f.Close();

f = null;

m = null;

if (strJson == "")

{

strJson = "0";

}

//下面代码必须，不能注释

HttpContext.Current.Response.Write(string.Format("{0}({1})", jsonCallBackFunName, strJson));

HttpContext.Current.Response.End();

}

前面的Formdata提交，是我在别处看到的一个人分享的，也特别感谢他，虽然我目前还有bug，但至少已经实现了我上传文件的目的，否则，还得把项目通过fileupload控件来实现，这样访问速度肯定慢了，我把上述心得发出来，希望大家共同进步，如果已经解决这个问题的，请赐教，谢谢。

贴出上述方法的原文链接：http://yunzhu.iteye.com/blog/2177923

Ajax JQuery HTML 提交上传文件File HTML+ Ajax+ASP.NET+ WebService的更多相关文章

jQuery+php+ajax实现无刷新上传文件功能
jQuery+php+ajax实现无刷新上传文件功能,还带有上传进度条动画效果,支持图片.视频等大文件上传. js代码 <script type='text/javascript' src='j ...
egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名
egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名评论:10 · 阅读:8437· 喜欢:0 一.需求二.CSRF 校验三.通过 form 表单上传文件四.通过 ...
django 基于form表单上传文件和基于ajax上传文件
一.基于form表单上传文件 1.html里是有一个input type="file" 和 ‘submit’的标签 2.vies.py def fileupload(request ...
jquery.form.js ajax提交上传文件
项目中最近有用到表单提交,是带有图片上传的表单录入,需要ajax异步提交,网上找了好多例子都是只能提交上传字段一个信息的,这里整理一下.表单里有普通文本信息字段也有图片上传字段. 1.jsp代码--引 ...
通过jQuery Ajax使用FormData对象上传文件
FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单". 在 Mozilla Developer 网站使用For ...
jquery ajax php 无刷新上传文件带遮罩进度条效果的哟
在很多项目中都会叫用户上传东西这些的,自从接触了jquery 和ajax之后就不管做什么,首先都会想到这个,我这个人呢?是比较重视客户体验的,这次我这边负责的是后台板块,然后就有一块是要求用户上传照片 ...
通过jQuery Ajax使用FormData对象上传文件（转载）
XMLHttpRequest Level 2 添加了一个新的接口——FormData.与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件.jQuery 2.0+ ...
[转] 通过jQuery Ajax使用FormData对象上传文件
FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单". 在 Mozilla Developer 网站使用For ...
JQUERY AJAX无刷新异步上传文件
AJAX无刷新上传文件并显示 http://blog.csdn.net/gao3705512/article/details/9330637?utm_source=tuicool jQuery For ...

随机推荐

通读SDWebImage①--总体梳理、下载和缓存
本文目录下载操作SDWebImageDownloaderOptions和下载过程实现下载管理SDWebImageDownloader 缓存SDImageCache SDWebImageManage ...
Oozie_初识
Oozie 任务调度框架(基于工作流) oozie运行于hadoop集群,对hive,mr,flume,Soop,spark,shell等框架进行任务流调度如: job1-->job2 &am ...
CSS3总结
1.圆角效果 border-radius: 1px 1px 1px 1px; /* 四个半径值分别是左上角.右上角.右下角和左下角.顺时针 */ 右边半圆 div.right-circle{ hei ...
spring注解配置实例
在spring中使用注解配置前需要先在配置文件指定需要扫描的包. 通过注解的方式依赖注入,可以不用创建set方法,也不用在xml文件中申明注入关系. 实例结构如下: 整个流程是: 先创建好数据库的表对 ...
ECMAScript6 初步认识
JavaScript由3部分组成,分别是:Dom,BOM和ECMAScript !核心(ECMAScript):由ECMA-262定义,提供核心语言功能:ECMAScript是属于国际标准化语言,所有 ...
PDF转JPG
问题:对于上次解决PB调用不起PDF插件的问题,所以将PDF转换为HTML.但是转换完之后发现一个问题,pdf2htmlEX插件转换出的html只支持IE9以上,IE9以下的都会各式错乱, 所以只能换 ...
USACO翻译：USACO 2013 DEC Silver三题
USACO 2013 DEC SILVER 一.题目概览中文题目名称挤奶调度农场航线贝西洗牌英文题目名称 msched vacation shuffle 可执行文件名 msched vaca ...
一鼓作气博客--第八篇 note8
0.,222] list[33] except IndexError as e : print('index error ') except ValueError as e : print('valu ...
FAT32 FAT区__FAT表解析
一. FAT 表概述位置: 紧跟在文件系统的“保留区”之后 : 有两个数据结构完全相同的FAT(FAT,File Allocation Tbale 文件分配表)组成. 作用: FAT表项,描述文件系 ...
window.location.href 中文乱码问题。。。。
window.location.href 中文乱码问题.... 要解决此问题需要两次解码, 第一次解码: 是在页面中的js脚本中解码:window.location.href = "save ...

Ajax JQuery HTML 提交上传文件File HTML+ Ajax+ASP.NET+ WebService

Ajax JQuery HTML 提交上传文件File HTML+ Ajax+ASP.NET+ WebService的更多相关文章

随机推荐

热门专题