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

时间:2013-08-26 15:17:42

标签: javascript jquery ajax

这就是我所拥有的:

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?

2 个答案:

答案 0 :(得分:4)

我认为您需要使用类型化数组。 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);

接收类型化数组

2种方法...... 第一次

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);
    }
});

答案 1 :(得分:0)

推车最糟糕的车轮噪音最大!   在这里寻求更好的解决方案

http://johnculviner.com/jquery-file-download-plugin-for-ajax-like-feature-rich-file-downloads/

在这里演示

http://jqueryfiledownload.apphb.com/

经过全面测试:
Internet Explorer 6 - 9
Firefox 11 - 相当肯定它将适用于早期版本 Chrome 17 - 相当确定它适用于早期版本

备注:需要jQuery 1.3+。

<强>更新

没有尝试过

$.ajax({
url: controllerUrl,
type: 'Get',
 contentType: "application/pdf",
 beforeSend: function (xhr) {
xhr.overrideMimeType('text/plain; charset=UTF-8')
 //alert({ message: "Processing..." });
},
success: function (data) 
{ alert('Wga!'); 
 },
 complete: function (data) {
 alert('close');                                  
 },
error: function (jqXHR,textStatus) 
{ alert("whoops");    }