开发工具:
文件大小: 7kb
下载次数: 0
上传时间: 2020-04-20
详细说明:ajaxfileupload.js可以兼容IE8以下版本实现无刷新的Form提交,上传文件。
这个版本修改了提交后台失败的几个bug
使用是需注意以下几点:
1.调用createUploadForm,此方法中增加了change参数,此参数用户给新生成的input-file元素绑定change事件,如果不需要可以不加此参数。
2.要上传的input-file元素,建议放id和name属性,而且这两个属性值要保持一致
3.后台代码中,response里的contenttype要设置为"text/html",前台的success回调中对返回值作处理
例子如下:
js:
$.ajaxFileUpload({
url: url,
type: 'post',
data: data,
secureuri: false,
fileElementId: fileId, // input-file的id、name属性名
dataType: 'JSON',
beforeSend: function (XMLHttpRequest) {
//show loading...
},
success: function (data, status) {
data = jQuery.parseJSON(data);
success(data);
},
error: function (data, status, e) {
error(e);
},
complete: function (XMLHttpRequest, textStatus) {
//hide loading...
},
change: change //需要绑定到动态生成的input-file元素上的change事件处理方法;没有的话,这个参数可以不写
});
如果加了change,change方法中需要处理一下,因为发现会被调2次
function Upload(event) {
var fileid = $(event.target).attr('id');
if(isNullOrEmpty(fileid) || /^jUploadFile\d+$/.test(fileid))return; //注意:此处过滤无效调用
//...
}
后台代码(ashx):
public void ProcessRequest(HttpContext context)
{
try
{
context.Response.ContentType = "text/html";
var request = context.Request;
var param1 = request.Params["param1"]; //取参数
//取上传文件
if (request.Files == null || request.Files.Count <= 0) throw new ApplicationException("no file to be uploaded!");
var file = request.Files[0];
var filename = System.IO.Path.GetFileName(file.FileName);
var serverpath = Path.Combine(context.Server.MapPath(ROOT), filename);
file.SaveAs(serverpath);
//自定义返回Json字符串
var json = '{' + string.Format(json, id, finfo.Name, extension, path) + '}';
response.Write(json);
return;
}
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.