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 ...

随机推荐

sort命令
1.默认情况下,sort命令,以字母序进行文本排序sort word.txt2.如果想对数字进行排序,可以使用-n参数sort num.txt -n3指定列排序下面是对passwd文件,以冒号(:)进 ...
图文解释XCode常用快捷键的使用
刚开始用Xcode是不是发现以前熟悉的开发环境的快捷键都不能用了?怎么快捷运行,停止,编辑等等.都不一样了.快速的掌握这些快捷键,能提供开发的效率. 其实快捷键在Xcode的工具栏里都标注有,只是有的 ...
php 搜索（查询）功能
今天遇到一个问题:在做“搜索”功能时,输入查询条件后查询不了. 我做的是首页显示数据表package中的内容,但是有个条件,显示在首页的内容还必须是 :字段status=0,且printing=0的数 ...
整理ViewController的生命周期和加载过程
按照执行顺序排列 - initWithCoder:通过nib文件初始化时触发 - awakeFromNib:nib文件被加载的时候,会发送一个awakeFromNib的消息到nib文件中的每个对象 p ...
linux上安装activeMQ
1.新建一个文件夹activeMQ mkdir /server 2.授权 chmod 777 /server 3.下载activeMQ安装包,拷贝到/activeMQ目录下apache-acti ...
李洪强经典面试题152-Runtime
李洪强经典面试题152-Runtime Runtime Runtime是什么 Runtime 又叫运行时,是一套底层的 C 语言 API,其为 iOS 内部的核心之一,我们平时编写的 OC 代码, ...
深入理解css BFC 模型
如果要深入理解css布局的各种原理,要在重构页面做得心应手的话,那么你就必须先理解这玩意 "BFC" , BlockFormatting Context(块级格式化上下文): 这里 ...
Xcode 调试技巧
一 NSLog调试官方文档:Logs an error message to the Apple System Log facility. 即NSLog不是作为普通的debug log的,而是err ...
CMS模板引擎：XHtmlAction
前言: 先说说大伙关心的工作上的事,在上家公司任了一个多月的技术经理后,和公司中止了合作关系. 主要原因在于一开始的待遇没谈的太清楚: 1:没有合同,没有公积金,连社保也没交. 2:工资的30%变成了 ...
在Android上使用qemu-user运行可执行文件
在Android上使用qemu-user运行可执行文件作者:寻禹@阿里聚安全前言 QEMU简要介绍: QEMU可以解释执行可执行程序.既然QEMU可以解释执行可执行程序,那么QEMU就能够知道执行 ...

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

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

随机推荐

热门专题