javascript - jQuery Ajax - 下载不完整(二进制)文件

Question

这就是我所拥有的:

jquery/1.10.2

$.ajax({
    url: "http://samplepdf.com/sample.pdf",
    dataType: "text",
    data: "",
    success: function(data) {
        alert(data.length);
    },
    error: function(a, b, c) {}
});

当我在本地运行该文件时(在 OS X 上的 Safari 6.0.5 中)，我得到 211300。但是，实际文件似乎是 218882 字节。对于完全 ASCII 的东西(例如 http://www.angio.net/pi/digits/pi1000000.txt )，它似乎可以正常工作。

我不需要下载该文件，而是使用其内容。

有没有办法让 ajax 处理二进制文件(客户端或服务器端)而不诉诸使用 base64？

Answer 1

我认为您需要使用类型化数组。 Javascript 处理二进制的方式。 没有其他方法可以处理纯二进制数据。但是，使用类型化数组，您几乎可以在其他地方使用二进制执行任何操作。

使用 Ajax 发送类型化数组

var myArray = new ArrayBuffer(512);
var longInt8View = new Uint8Array(myArray);

for (var i=0; i< longInt8View.length; i++) {
  longInt8View[i] = i % 255;
}

var xhr = new XMLHttpRequest;
xhr.open("POST", url, false);
xhr.send(myArray);

接收类型化数组

有两种方法...第一种

var oReq = new XMLHttpRequest();
oReq.open("GET", "/myfile.png", true);
oReq.responseType = "arraybuffer";

oReq.onload = function (oEvent) {
  var arrayBuffer = oReq.response; // Note: not oReq.responseText
  if (arrayBuffer) {
    var byteArray = new Uint8Array(arrayBuffer);
    for (var i = 0; i < byteArray.byteLength; i++) {
      // do something with each byte in the array
    }
  }
};

oReq.send(null);

第二

var oReq = new XMLHttpRequest();
oReq.open("GET", "/myfile.png", true);
oReq.responseType = "arraybuffer";

oReq.onload = function(oEvent) {
  var blob = new Blob([oReq.response], {type: "image/png"});
  // ...
};

oReq.send();

来源:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data

使用 Jquery

发送: $.ajax(url,{data:myArray});

接收:未测试...

$.ajax('https://dl.dropboxusercontent.com/u/139992952/coffee.png',{
    contentType: "arraybuffer",
    success: function(d){
        var blob = new Blob([d], {type: "image/png"}),
            u = URL.createObjectURL(blob);
    }
});