Ajax发送和接收二进制字节流数据的方法
HTML5Ajax2.0标准中,增强了Ajax的许多功能,包括发送FormData数据,上传数据进度条等诸多功能。但实际上,Ajax可以字节发送二进制数据。
发送二进制数据
varoReq=newXMLHttpRequest();
oReq.open("POST",url,true);
oReq.onload=function(oEvent){
//Uploaded.
};
varblob=newBlob(['abc123'],{type:'text/plain'});
oReq.send(blob);
或者
varmyArray=newArrayBuffer(512);
varlongInt8View=newUint8Array(myArray);
for(vari=0;i<longInt8View.length;i++){
longInt8View[i]=i%255;
}
varxhr=newXMLHttpRequest;
xhr.open("POST",url,false);
xhr.send(myArray);
接收二进制数据
varoReq=newXMLHttpRequest();
oReq.open("GET","/myfile.png",true);
oReq.responseType="arraybuffer";
oReq.onload=function(oEvent){
vararrayBuffer=oReq.response;//Note:notoReq.responseText
if(arrayBuffer){
varbyteArray=newUint8Array(arrayBuffer);
for(vari=0;i<byteArray.byteLength;i++){
}
}
};
oReq.send(null);
当然,如上设置只能是文本类型,如果是Blob类型,那么如下即可
varoReq=newXMLHttpRequest();
oReq.open("GET","/myfile.png",true);
oReq.responseType="arraybuffer";
oReq.onload=function(oEvent){
varblob=newBlob([oReq.response],{type:"image/png"});
//...
};
oReq.send();
或者
varoReq=newXMLHttpRequest();
oReq.open("GET","/myfile.png",true);
oReq.responseType="blob";
oReq.onload=function(oEvent){
varblob=oReq.response;
//...
};
oReq.send();
如果你使用的是旧版本的浏览器,那么加载二进制可以如下
functionload_binary_resource(url){
varreq=newXMLHttpRequest();
req.open('GET',url,false);
//XHRbinarycharsetoptbyMarcusGranado2006[http://mgran.blogspot.com]
req.overrideMimeType('text\/plain;charset=x-user-defined');
req.send(null);
if(req.status!=200)return'';
returnreq.responseText;
}
注意:x-user-defined告诉浏览器不要解析数据
以上所述是小编给大家介绍的Win7任务栏Ajax发送和接收二进制字节流数据的方法的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!