专栏名称: 前端JavaScript

分享 | 学习 | 交流 | 原创分享是学习的开始；学习不必要从头开始，是从现在开始；交流能沟通你我，提高你的学识；期待你的加入！！！ web前端技术交流，JavaScript，HTML5，CSS3……

[S3-E373]Ajax文件异步上传，Html5实现

前端JavaScript · 公众号 · Javascript · 2017-06-28 07:01

正文

请到「今天看啥」查看全文

var file = this.files[0];

if (file.size > 1024*1000) {

alert('文件最大1M！')

}

});

5 JQuery进度条

在ajax方法中加入xhr即可控制上传进度，进度条可以使用html5的progress也可使用其它的进度条。显示及隐藏进度条需要自行处理，本方法只是简单介绍了进度条的基本控制。

xhr: function() {

var myXhr = $.ajaxSettings.xhr();

if (myXhr.upload) {

myXhr.upload.addEventListener('progress', function(e) {

if (e.lengthComputable) {

$('progress').attr({

value: e.loaded,

max: e.total,

});

}

} , false);

}

return myXhr;

}