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

随机推荐

spring3.0使用annotation完全代替XML(续)
从回帖的反应来看,大多数人还是不赞成完全代替XML的,这点倒是在意料之中.我个人还是倾向于用代码来取代XML的Bean定义,当然这更多的是关乎个人偏好,不代表与我观点不同的人就是错的. 先来说说代码相 ...
Activemq mqtt 点对点聊天实现（转载）
我这想到一个点对点聊天的方法,不用没割人都建立一个topic了,思路还是自定义一个分发策略,具体如下: 1. 建立一个topic,所有人都用匹配订阅的方式订阅以该topic为头的topic,例如:所 ...
用百度webuploader分片上传大文件
一般在做文件上传的时候,都是通过客户端把要上传的文件上传到服务器,此时上传的文件都在服务器内存,如果上传的是视频等大文件,那么服务器内存就很紧张,而且一般我们都是用flash或者html5做异步上传, ...
前端页面开发，最低兼容IE 8的多设备跨平台问题解决！
项目要求: 网站能够使用PC.ipad.mobile phone正常访问页面PSD版式宽度分别为1024px和750px 参考资料使用CSS3 Media Queries,其作用就是允许添加表达式 ...
bfs判断连通图（无向）
在图论中,连通图基于连通的概念.在一个无向图 G 中,若从顶点vi到顶点vj有路径相连(当然从vj到vi也一定有路径),则称vi和vj是连通的.如果 G 是有向图,那么连接vi和vj的路径中所有的边都 ...
bzoj3555: [Ctsc2014]企鹅QQ （Hash）
枚举每个分段的点,每次O(n)更新左边和右边的hash值然后用双指针O(n)计算答案 #include<stdio.h> #include<string.h> #includ ...
Centos 6.5 搭建l2tp 服务端和客户端
废话不多说直接上步骤. server #epel仓库愿安装 rpm -ivh http://mirrors.ustc.edu.cn/fedora/epel/6/x86_64/epel-release- ...
VIM配置
Linux下的编辑器以vim和emacs为主流,一个编辑器之神,一个是神的编辑器. 本文以主要介绍如何在linux下以vim为基础搭建一个比较顺手的代码编辑器. 有两种比较流行的方式: 自动安装手动 ...
android——数据库版本升/降级问题
数据库版本升级在开发android应用程序的时候,一般由于在我们开发的时候我们不知道以后会后什么新功能,也有可能增加业务逻辑(也就是更新),可想而知我们原来的数据库结构可能不适用已更新的应用,那么应 ...
Java演算法之快速排序法
1 * 快速排序法(Quick Sort),遞迴版本. 2 * 3 * @param array 傳入要排序的陣列 4 * @param start 傳入要排序的開始位置 5 * @param end ...

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

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

随机推荐

热门专题