我有一些使用FileReader上传的照片。这项工作正常,但我想在我的上传中添加一些进度条,那部分不是那么完美。它还有0%的价值......任何人都可以帮忙吗?这是我的代码:
function photoUpload(evt) {
var files = evt.target.files;
var reader = new FileReader();
var progress = document.querySelector('.js-photoUploadBoxProgress');
function updateProgress(evt) {
var percentLoaded = Math.round((evt.loaded / evt.total) * 100);
if (percentLoaded < 100) {
progress.style.width = percentLoaded + '%';
}
}
progress.style.width = '0%';
reader.onprogress = updateProgress;
// loop for files
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('image.*')) {
continue;
}
reader.onload = (function (theFile) {
return function (e) {
// stuff with photo upload
};
})(f);
reader.readAsDataURL(f);
}
}