使用jQuery AJAX发送带有二进制数据的FormData

Question

我希望使用jQuery AJAX发送FormData，例如：

var uploadFormData = new FormData();
uploadFormData.append("name","value");

$.ajax({
    url : "(URL_target)",
    type : "POST",
    data : uploadFormData,
    cache : false,
    contentType : false,
    processData : false,
    success : function(r) {
        alert("Success!");
    }
});

我也想通过使用jQuery AJAX发送二进制数据，例如：

var data = (...);

$.ajax({
    url: "(URL_target)",
    type: "POST",
    data : data,
    cache : false,
    contentType: "application/octet-stream",
    processData: false,
    success : function(r) {
        alert("Success!");
     }
});

我该如何将它们合并成一个数据并发送出去？

- Banana Code

Answer 1

您可以将二进制数据附加到FormData对象作为Blob、File、ArrayBuffer对象或data URI。

var uploadFormData = new FormData();
var data = (...);
uploadFormData.append("name","value");
uploadFormData.append("data", new Blob([data], {type:"application/octet-stream"}));

$.ajax({
  url : "(URL_target)",
  type : "POST",
  data : uploadFormData,
  cache : false,
  contentType : false,
  processData : false,
  success : function(r) {
    alert("Success!");
  }
});

- guest271314