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

时间:2015-02-11 05:04:51

标签: jquery file-upload progress-bar blueimp

我正在关注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);
        }
    })

2 个答案:

答案 0 :(得分:1)

这不是真的!
当我尝试上传一个小文件时,进度条会降至100%,但是从Chrome控制台发出的请求仍处于(待处理)状态,说明上传仍在运行!

答案 1 :(得分:0)

进展率立即达到100%,因为它上传速度很快。当我上传更大的文件时,可以看到进度正常。