2015-02-11 61 views
0

我正在关注basic plus演示,几乎到了tee,并且无法使进度条正常工作。下载console.log下载按钮点击返回100%。Blueimp jQuery上传进度 - 直接到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); 
     } 
    }) 

回答

0

由于上传速度很快,因此进度立即达到100%。当我上传一个更大的文件时,进度看起来正常。

1

这不是真的!
当我尝试上传一个小文件时,进度条吹到100%,但是从Chrome控制台请求仍在(待定)状态,表示上传仍在运行!

+0

我不知道这篇文章的解决方案是否解释了这种情况:http://stackoverflow.com/questions/14691236/largegap-between-last-file-progress-hitting-100-and-the-stop-done -events – 2015-10-30 18:26:43