$.ajax({
url: "/uploadurl",
type: "POST",
data: formData,
processData: false, // 不要对data参数进行序列化处理，默认为true
contentType: false, // 不要设置Content-Type请求头，因为文件数据是以 multipart/form-data 来编码
xhr: function(){
myXhr = $.ajaxSettings.xhr();
if(myXhr.upload){
myXhr.upload.addEventListener('progress',function(e) {
if (e.lengthComputable) {
var percent = Math.floor(e.loaded/e.total*100);
if(percent <= 100) {
$("#J_progress_bar").progress('set progress', percent);
$("#J_progress_label").html('已上传：'+percent+'%');
}
if(percent >= 100) {
$("#J_progress_label").html('文件上传完毕，请等待...');
$("#J_progress_label").addClass('success');
}
}
}, false);
}
return myXhr;
},
success: function(res){
// 请求成功
},
error: function(res) {
// 请求失败
console.log(res);
}
}); jQuery 上传文件进度获取
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- Flask-Uploads allows your application to flexibly and eff...
- 创建接口ServerApi 使用retrofit创建一个MyServerApi对象 自定义一个RequestBod...
- 前言 OkHttp已经支持标准表单形式上传文件，具体方法参考OkHttp相关教程，本文实现文件上传的进度监听。 原...
