layui多文件上传讲解_layui 多文件上传带进度条踩坑

原文链接地址为https://my.oschina.net/u/3656204/blog/3086255。

原文作者提供的upload.js文件，html和js方法均可借鉴，问题是按作者的搞下来，却未能成功。可坑啦，完成了98%,剩下的2%却好难搞出来。

踩坑如下：

坑一

toUpload?id=5221282942990596404:227 Uncaught ReferenceError: xhrOnProgress is not defined

作者给了较为完成的js方法，却把方法中关键的一个自定义变量方法漏了。

xhrOnProgress应该定义如下：

var xhrOnProgress = function (fun) {

xhrOnProgress.onprogress = fun; //绑定监听

//使用闭包实现监听绑

return function () {

//通过$.ajaxSettings.xhr();获得XMLHttpRequest对象

var xhr = $.ajaxSettings.xhr();

//判断监听函数是否为函数

if (typeof xhrOnProgress.onprogress !== 'function')

return xhr;

//如果有监听函数并且xhr对象支持绑定时就把监听函数绑定上去

if (xhrOnProgress.onprogress && xhr.upload) {

xhr.upload.onprogress = xhrOnProgress.onprogress;

}

return xhr;

}

}

坑二

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！