FormData进度卡住在1％

我使用this Stackoverflow question的代码。出于某种原因，上传开始时，百分比值停留在1％，并且在完成上传后，成功消息将显示在PHP脚本中。FormData进度卡住在1％

请注意，为什么百分比值停留在1％。

jQuery代码

function updateProgress(evt){ 
    if (evt.lengthComputable) { 
     var percentComplete = evt.loaded/evt.total; 
     $('form[data-submit="ajax_upload_mp3"] .validation').html(percentComplete + '% Completed').addClass('text-success'); 
    } 
} 

$(document).on('submit', 'form[data-submit="ajax_upload_mp3"]', function(){ 
    wrap = 'form[data-submit="ajax_upload_mp3"]'; 
    button = 'form[data-submit="ajax_upload_mp3"] .btn-primary'; 
    url = $(this).attr('action'); 
    form = $(this); 
    formdata = new FormData(form[0]); 
    $(wrap + ' .validation').html('').removeClass('text-danger text-success'); 
    $(wrap + ' .btn-primary').html('Uploading...').attr('disabled', true); 
    $.ajax({ 
     url: url, 
     data: formdata ? formdata : form.serialize(), 
     cache: false, 
     contentType: false, 
     processData: false, 
     type: 'POST', 
     xhr: function(){ 
      myXhr = $.ajaxSettings.xhr(); 
      if(myXhr.upload){ 
       myXhr.upload.addEventListener('progress', updateProgress, false); 
      } 
      return myXhr; 
     }, 
     success: function(data, textStatus, jqXHR){ 
      code = ajax_decode(data, 0); 
      msg = ajax_decode(data, 1); 
      if(code == 1){ 
       $(wrap + ' .validation').html(msg).addClass('text-success'); 
       $(wrap).trigger("reset"); 
      } else { 
       $(wrap + ' .validation').html(msg).addClass('text-danger'); 
      } 
      $(wrap + ' .btn-primary').html('Upload').attr('disabled', false); 
     } 
    }); 
    return false; 
});

来源

2015-09-27 Red Virus

这里：

if (evt.lengthComputable) { 
    var percentComplete = evt.loaded/evt.total; 
}

它不是一个百分比（如50%），它是一个部门（如0.5）
这就是为什么它永远不会超过1

如果你想显示百分比，你需要100乘以：

var percentComplete = evt.loaded/evt.total * 100;

就这么简单:)

来源

2015-10-27 06:28:44

FormData进度卡住在1％

回答

相关问题