作为程序员一定要保持良好的睡眠,才能好编程

ajax实现文件上传且实时显示进度条

发布时间:2019-09-06


使用formData 可以获取到文件相关的信息


ajax_upload.jpg




ajax_upload2.jpg



ajax_upload3.jpg


var myXhr = ajaxSettings.xhr  可以得到文件上传的状态




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

progress 可以得到文件上传的状态,一点一点的,可以通过


console.log(e);


});



通过 total  和 loaded 这两个值的对比,就能知道 现在上传了多少,还有多少没有上传。



form 表单是 一个 input 标签框