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发送和接收二进制字节流数据的方法的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!