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

随机推荐

Ubuntu 14.04(amd64)安装Oracle11g XE(x64)
下载Oracle安装包下载地址：Oracle Database Express Edition 11g Release 2 for Linux x64 安装办法 1、建立oracle用户及属主 ad ...
Cocopod
装了好几天,这个是比较全面的,大家可以看看帮助一下 1.新建一个项目,名称:CPTest 2.打开终端,输入"cd"+空格,然后将文件夹拖入到后面 3.回车后继续输入vim Pod ...
前端工具之-- Sublime
开始学习前端知识,做一些笔记来记录下- 之前学习都是使用的dw 现在前端开发工具既轻便功能也够强大. 下面记录下常用的前端工具: Sublime3:需要安装第三方包,一般 Atom:继承度非常好 VS ...
setTimeout 学习闭包
@(技术笔记)[css] 学习参考网站 css 网站,可供参考 javascript学习网站 var create = function (i){ return function(){ console ...
ajax 全套
ajax简介 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Ajax不是一种新的编程语言, ...
Xamarin的不归路-安卓模拟器启动慢&没有虚拟键盘
1.启动慢解决方案:参考这篇文章进行配置 http://www.360doc.com/content/13/1002/18/532901_318605525.shtml 2.模拟器没有虚拟键盘解决方案 ...
content内网，会显示内容，没有内容可地址存在就是这个情况
漏洞地址:http://note.youdao.com/memory/?url=http://www.wooyun.org(如需登录,请注册登录) 正文预览的地方会读取URL地址的<meta n ...
ABP理论学习之MVC控制器（新增）
返回总目录本篇目录介绍 AbpController基类本地化异常处理响应结果的包装审计日志授权工作单元其他介绍 ABP通过Abp.Web.Mvc nuget包集成了ASP.NET ...
《HiWind企业快速开发框架实战》（2）使用HiWind创建自己的项目
<HiWind企业快速开发框架实战>(2)使用HiWind创建自己的项目关于HiWind HiWind企业快速开发框架,是基于.NET+EasyUi(支持各种前端扩展,后面将扩展Boot ...
搭建前端私有npm杂记
随着前端队伍越来越壮大,项目间共享代码就变得尤为重要.常用的框架/类库没必要在每个项目都放一份,团队内部产出的公共模块也需要有合理的共享机制.现在,用npm管理前端代码已经是业界趋势.楼主尝试用私有n ...

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

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

随机推荐

热门专题