Ajax发送和接收二进制字节流数据的方法

html5 ajax 2.0标准中，增强了ajax的许多功能，包括发送formdata数据，上传数据进度条等诸多功能。但实际上，ajax可以字节发送二进制数据。

发送二进制数据

var oreq = new xmlhttprequest();
oreq.open("post", url, true);
oreq.onload = function (oevent) {
// uploaded.
};
var blob = new blob(['abc123'], {type: 'text/plain'});
oreq.send(blob);

或者

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++) {
}
}
};
oreq.send(null);

当然，如上设置只能是文本类型，如果是blob类型，那么如下即可

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

或者

var oreq = new xmlhttprequest();
oreq.open("get", "/myfile.png", true);
oreq.responsetype = "blob";
oreq.onload = function(oevent) {
var blob = oreq.response;
// ...
};
oreq.send();

如果你使用的是旧版本的浏览器，那么加载二进制可以如下

function load_binary_resource(url) {
var req = new xmlhttprequest();
req.open('get', url, false);
//xhr binary charset opt by marcus granado 2006 [http://mgran.blogspot.com]
req.overridemimetype('text\/plain; charset=x-user-defined');
req.send(null);
if (req.status != 200) return '';
return req.responsetext;
}

注意:x-user-defined告诉浏览器不要解析数据

以上所述是小编给大家介绍的win7任务栏ajax发送和接收二进制字节流数据的方法的相关知识，希望对大家有所帮助