ajax传递二进制数据,如何使用ajax传输二进制数据

使用XMLHTTPRequest(ajax)在客户端和服务器之间传输数据已经流行了一段时间。 有时，我们希望浏览器从服务器(如ArrayBuffer或Blob)检索二进制数据，例如pdf，image和psd文件。 这篇文章将介绍如何使用XMLHTTPRequest和jQuery实现它

使用XMLHTTPRequest下载二进制文件

对于XMLHTTPRequest，只需将XHR实例的responseType设置为arraybuffer或blob即可。 例如

var xhr=new XMLHTTPRequest();

xhr.open("GET", url, true);

//设置response type

xhr.responseType = 'arraybuffer';

xhr.addEventListener('load',function(){

if (xhr.status === 200){

console.log(xhr.response) // ArrayBuffer

console.log(new Blob([xhr.response])) // Blob

}

})

xhr.send();

使用jQuery Ajax下载

$ .ajax不支持arraybuffer或blob作为其dataType。 因此我们需要编写一个beforeSend处理程序：

//ajax设置函数

$.ajaxSetup({

beforeSend:function(jqXHR,settings){

if (settings.dataType === 'binary'){

settings.xhr().responseType='arraybuffer';

settings.processData=false;

}

}

})

$.ajax({

url:url,

dataType:"binary",

success:function(data){

console.log(data); //ArrayBuffer

console.log(new Blob([data])) // Blob

}

})