直接从0%到100%调用onProgress()

时间:2019-01-05 15:28:56

标签: javascript image-uploading filestack

我正在使用文件栈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。

0 个答案:

没有答案