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

随机推荐

两种让tableview返回顶部的方法
1. [self.tableView selectRowAtIndexPath:[NSIndexPath indexPathForRow:_currentRow inSection:0] animat ...
用.net在画出镂空图片
最近的一个项目需要用到这个东西,冥思苦想了好几天.还是在同事的帮助下,完成此项难题,希望能够帮助以后的博友们 ! 废话不多说,先看看效果图吧. 首先写一下讲一下思路,首先画一张图,当你的背景,然后在图 ...
STL之priority_queue
下面以 long long 型队列介绍: Q.empty() // 判断队列是否为空返回ture表示空返回false表示空 bool Q.top() // 返回顶端元素的值元素还在队列里 lon ...
DAO模型
DAO模型前面我们在使用JDBC时解决的都是一些很简单的问题,例如登录,注册等等,所以有些例直接把代码写在了main方法中.这种写法很容易出现代码臃肿,耦合度高,不能模块化开发等诸多弊端,特别是将来 ...
linux命令初识
一.查看当前的目录文件 ls demo 查看demo目录下的所有文件 ls -l demo/test.txt --查看指定目录(test.txt)的详细内容二.复制文件 cp or ...
Third Day(上班第四天):Android开发环境配置问题相关
换公司新电脑了,重新安装Android开发环境,并配置,具体流程如下:1.百度JDK,访问Oracle官网:http://www.oracle.com/technetwork/java/javase/ ...
Linq 那些事儿
今天突然好奇当linq进行循环遍历的时候,如果满足条件的时候还会不会继续循环剩余的数据,做了个小实验. 首先看看上代码这个是测试的类 public class TestLinq { int _Num ...
剑指Offer面试题：2.二维数组中的查找
一.题目:二维数组中的查找题目:在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数. ...
Linux sudo
200 ? "200px" : this.width)!important;} --> 介绍本篇文章主要介绍sudo配置和用法,为了给某个用户控制权限比如执行某个命令或者关 ...

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

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

随机推荐

热门专题