Blueimp jQuery 上传进度 - 直接到 100%

Question

我正在按照 basic plus 演示进行操作，快到发球台了，但无法使进度条正常工作。单击上传按钮时 console.log 低于 returns 100%。

$('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        autoUpload: false,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png|pdf)$/i,
        maxFileSize: 5000000, // 5 MB
        // Enable image resizing, except for Android and Opera,
        // which actually support image resizing, but fail to
        // send Blob objects via XHR requests:
        disableImageResize: /Android(?!.*Chrome)|Opera/
            .test(window.navigator.userAgent),
        previewMaxWidth: 100,
        previewMaxHeight: 100,
        previewCrop: true,
        formData:function(form){
            //get file name
            var $this = this;
            var formSelector = 'form-' + $($this.files)[0].name.replace(/\W/g,'-');
            return $('.'+formSelector).serializeArray();
        },
        progressall:function(e,data){
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .progress-bar').css( 'width', progress + '%');
            console.log(progress);
        }
    })

Answer 1

因为上传速度很快，进度马上就到了 100%。当我上传更大的文件时，可以看到进度正常工作。

Answer 2

这不是真的！
当我尝试上传一个小文件时，进度条达到 100%，但是从 Chrome 控制台请求仍然处于 （待处理） 状态，即上传仍然是运行!

Blueimp jQuery 上传进度 - 直接到 100%

Blueimp jQuery Upload Progress - straight to 100%

jquery

file-upload

progress-bar

blueimp