ajax中获取和发送二进制数据的方法
来源:三联教程 | 时间:2013-06-08 17:51:48
用ajax从服务器端获取二进制时, 需要用overrideMimtType设置request头,让浏览器不要修改读取的的数据,方法如下:
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if (xhr.readyState=== 4 && xhr.status === 200){
var imgdata = xhr.response;
}
}
xhr.open("GET",url,true);
xhr.overrideMimeType("text/plain; charset=x-user-defined");
xhr.send(null);
另外要用xhr.response来获得二进制数据,而不是responseText。
如果需要通过ajax的POST发送二进制数据,在发送前需要将二进制数据的高位变为0,通常在XMLHttpRequest中增加一个方法来实现:
XMLHttpRequest.prototype.sendAsBinary = function(datastr) {
function byteValue(x) {
return x.charCodeAt(0) & 0xff;
}
var ords = Array.prototype.map.call(datastr, byteValue);
var ui8a = new Uint8Array(ords);
this.send(ui8a.buffer);
}
var bindata = 二进制数据;
xhr.open("POST", url);
xhr.sendAsBinary(bindata);
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步