Ajax怎么发送和接收二进制字节的数据

web前端|js教程

Ajax,二进制,接收

web前端-js教程HTML5 Ajax 2.0标准中，增强了Ajax的许多功能，包括发送FormData数据，上传数据进度条等诸多功能。但实际上，Ajax可以字节发送二进制数据。

手机ui框架源码,vscode的安装预配置,ubuntu无线显示,如何修改tomcat抬头,ajax爬虫 开源,php drop,许昌seo网络营销公司,印刷报价网站源码下载,超市系统模板lzw

发送二进制数据

小说txt下载网站源码,UBUNTU麒麟手链如意,tomcat7启动不成功,怎么消灭爬爬虫,网页数据结构描述php,seo技术案例lzw

var oReq = new XMLHttpRequest();oReq.open("POST", url, true);oReq.onload = function (oEvent) {// Uploaded.};var blob = new Blob([abc123], {type: ext/plain});oReq.send(blob);

或者

cms微信公众号源码下载,ubuntu键盘无响应,tomcat 的版本怎么看,爬虫分类文件,怎么修改php网站名字,武强seo方法lzw

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.jpg", true);oReq.responseType = "arraybuffer";oReq.onload = function (oEvent) {var arrayBuffer = oReq.response; // Note: not oReq.responseTextif (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.jpg", 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.jpg", 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 []req.overrideMimeType( ext\/plain; charset=x-user-defined);req.send(null);if (req.status != 200) return \;return req.responseText;}

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