javascript-Axios onUploadProgress在我的计算机上仅触发一次
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Axios onUploadProgress在我的计算机上仅触发一次,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1661字,纯文字阅读大概需要3分钟。
内容图文
![javascript-Axios onUploadProgress在我的计算机上仅触发一次](/upload/InfoBanner/zyjiaocheng/693/8a9e63adaf25405cbc2c78a56f0aeebd.jpg)
如果我使用此小提琴https://jsfiddle.net/v70kou59/1/,则一切正常
(function () {
var output = document.getElementById('output');
document.getElementById('upload').onclick = function () {
var data = new FormData();
data.append('foo', 'bar');
data.append('file', document.getElementById('file').files[0]);
var config = {
onUploadProgress: function(progressEvent) {
var percentCompleted = Math.round( (progressEvent.loaded * 100) / progressEvent.total );
console.log(percentCompleted)
}
};
axios.put('/upload/server', data, config)
.then(function (res) {
output.className = 'container';
output.innerHTML = res.data;
})
.catch(function (err) {
output.className = 'container text-danger';
output.innerHTML = err.message;
});
};
})();
但是,如果我下载axios示例存储库并安装必要的依赖项回调函数,则onUploadProgress将不再按预期工作.它仅使用“ 100”触发一次onUploadProgress.
https://github.com/axios/axios/tree/master/examples
这可以是我的node版本吗?看来一定是我的机器.
解决方法:
因为新版本已更改.
因此,您必须调用进度而不是onUploadProgress
static uploadImageFile(authId, userinfo, file, callback) {
let url = AppConfig.domain + '/api/CoreUploads/uploadImg';
let formData = new FormData();
formData.append('realm', userinfo.realm);
formData.append('fileurl', `users/${userinfo.id}/`);
formData.append('cropData', "");
formData.append('autoid', true);
formData.append('image', file);
return axios.post(url, formData, {
timeout: 1000000,
withCredentials: true,
headers: {
'Authorization': authId,
'Content-type': 'multipart/form-data'
},
progress: function (progressEvent) {
let percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
callback(percentCompleted);
}
}).catch(e => {
console.log(e);
});
}
内容总结
以上是互联网集市为您收集整理的javascript-Axios onUploadProgress在我的计算机上仅触发一次全部内容,希望文章能够帮你解决javascript-Axios onUploadProgress在我的计算机上仅触发一次所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。