Jquery使用进度条跨域上传多个文件（无插件）

Question

我发现一些脚本可以帮助我完成这个过程，但是我遇到了一些问题。

脚本如下所示：

var data = new FormData();
//item is file which is needed to upload
  data.append('file',item);
  data.append('param1',variable);
  $.ajax({
  xhr: function() {
    var xhr = $.ajaxSettings.xhr();
    if(xhr.upload){
        xhr.upload.addEventListener("progress", function(e) {
          if (e.lengthComputable) {
            var percentComplete = e.loaded / e.total;
            percentComplete = parseInt(percentComplete * 100);
            console.log(percentComplete);

          }
    }, false);
}
return xhr;
 },
url:url,
  type: "POST",
  data:data,
  processData: false,
  contentType: false,
  success: function() {

  },

});

我的问题是当我开始上传它突然达到100％（percentComplete变为100％），没有工作，结果用户需要等待没有百分比。为什么它不能正常工作，我怎么能解决它？我已经看到，当我打开开发人员选项卡和网络栏时，如果我切换另一个选项而不是禁止限制，它开始工作。但通常它不起作用