标签：el XMLHttpRequest Upload upload progress 上传 mock

vue使用了element-ui框架中的上传组件进度条无法使用，:on-progress钩子无法触发

在上传文件时要做进度显示，需要用到xhr.upload.onprogress事件，此时如果用到mock.js模拟数据的话，则无法触发onprogress事件

原因：
el-upload的源码中 const xhr = new XMLHttpRequest() ，而mockjs会重新声明一个XMLHttpRequest导致el-upload的progress失效

解决方法:
注掉一行引用的mock的代码即可

这时候再去项目里调试，ok，进度条完美呈现

标签：el,XMLHttpRequest,Upload,upload,progress,上传,mock
来源： https://www.cnblogs.com/ZJTL/p/13111767.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。