如何在控制台上显示S3上的视频上传进度信息？

Question

我上传视频到S3存储桶上，希望看到进度条。 所以我编码：

reader.onload = function (e) { 
    var rawData = reader.result; 
    $.ajax({ 
      url: S3url, 
      type: 'PUT', 
      cache: false, 
      processData: false, 
      data: rawData , 
      async: false, 
      success: fnSuccess, 
      error: fnError, 
      crossDomain: true, 
      contentType: "binary/octet-stream", 
      xhr: function() { 
        console.log("xhr"); 
        var xhr = new window.XMLHttpRequest(); 
        xhr.upload.addEventListener("progress", function(evt) { 
         if (evt.lengthComputable) { 
          var percentComplete = evt.loaded/evt.total; 
          console.log(percentComplete); 
         } 
        }, false); 
        return xhr; 
       }, 

    }, 'json');  //$.ajax({ 
};    //reader.onload = function 

但在执行console.log不显示百分比。 任何想法？

Answer 1

xhr应该$.ajaxSettings.xhr()代替XMLHttpRequest()一个新实例看Upload multiple image using AJAX, PHP and jQuery