如何在 Firefox 中使用带有二进制数据的 xmlhttprequest，f.e.图片？

Question

我正在看

function readDataFromURL(fuFullHttpURL, fuCallMeOnLoad) {
    var MyThis = this;
    this.fullHttpURL = fuFullHttpURL;
    this.callMeOnLoad = fuCallMeOnLoad;
    var oReq = new XMLHttpRequest();
    oReq.open("GET", MyThis.fullHttpURL, true);
    oReq.responseType = "arraybuffer";
    oReq.onload = function(oEvent) {
        var blob = new Blob([oReq.response], {type: "image/jpg"});
        MyThis.callMeOnLoad(blob);
    };
    oReq.send();
}

但这仅用于下载。如何使用此代码上传？ 当我在前几年尝试使用 xmlhttprequest 下载图像时，下载的大小有限制。还有尺寸限制吗？ 以前每个浏览器处理这个大小限制的方式都不一样，所以我自己无法测试。

编辑：https://stackoverflow.com/a/18120473/3716796 似乎解释了上传。

Answer 1

您可以使用FormData 在 XMLHttpRequest 中发送文件，如下所示。虽然 Chrome & FF 支持很好，但只能在 IE10 或更高版本上运行。

  var xhr = new XMLHttpRequest();
  var file = document.getElementById("fileUpload");
  var formData = new FormData();
  formData.append("upload", file.files[0]);
  xhr.open("post", "your-url", true);
  xhr.setRequestHeader("Content-Type", "multipart/form-data");
  xhr.upload.onload = function(event){
    // handle successful upload
  };
  xhr.send(formData);