我正在使用文件栈client
将图像上传到S3 bucket
。我想在上传时显示进度栏。当我上传几乎超过 1MB 的任何图像时,进度条将以所需的方式进行,这意味着进度条非常平稳地从0%移到100%。
但是当我尝试上传任何一些KB 的小文件(图像)时,进度条会在零时间内直接从0%跳到100%。
在上传选项中,我尝试为属性progressInterval
设置了最小值 1毫秒,但没有成功。
这是我的代码:
let uploadOptions = {
progressInterval: 1,
onProgress: (e) => {
$('.thumbnail-container .thumbnail .progress-container .progress').css('width', e.totalPercent+'%');
$('.thumbnail-container .thumbnail .progress-container p.percentage').html(e.totalPercent+'%');
},
}
let storeOptions = {
"access": "public",
"path": temp_path+'/'+file.name+'.'+fextension
}
client.upload(file, uploadOptions, storeOptions)
.then(res => {
console.log(res);
});
我希望进度条可以平滑地从0线性移动到100。