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

Question

我正在关注basic plus 演示，几乎到了发球台，但无法让进度条正常工作。下方的 console.log 在单击上传按钮时返回 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%，但来自 Chrome 控制台的请求仍处于 (pending) 状态，即上传仍在运行！

Answer 2

由于上传速度如此之快，进度将立即达到 100%。当我上传更大的文件时，可以看到进度正常。