php接收js二进制,js如何操作二进制数据

最近做了几个项目，用js操作二进制数据，通过socket与后台进行传输。本文主要和大家分享，js如何操作二进制数据，希望能帮助到大家。

首先是新建一个socket：var socket=new WebSocket("ws://192.168.0.147");

接着定义socket打开，连接之后执行的函数：

websocket有个属性binaryType，可将其设置为“blob”或者“arraybuffer”，默认格式为“blob”，做项目的时候忘记设置为“arraybuffer”了，结果在下面接收数据的时候就需要用Blob对象来接。socket.onopen=function(){

//发送登录帧，4-20位为手机号

var loginArr=[0X02,0X02,0X00,0X1E,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X20,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X0D,0X0A]

}

下面是转成bype发送出去：var loginBuffer=new ArrayBuffer(30);

var loginDataview=new DataView(loginBuffer);

//localstorageuserinfo为缓存在本地的用户手机号

var telArr=localstorageuserinfo.TelPhone;

var loginTime=tempTrans();

for(var i=0;i

loginDataview.setInt8(i,loginArr[i]);

if(i>3&&i

loginDataview.setInt8(i,telArr.charCodeAt(i-4));

}

if(i>19&&i

loginDataview.setInt8(i,loginTime[i-20]);

}

i++;

}

//登录包

socket.send(loginDataview.buffer);

//格式化时间同时按照年俩位月日时分秒1位由高到底排序

function tempTrans(time){

if(!time){

time=new Date();

}

var u32Dataview=new DataView(new Uint16Array([time.getFullYear()]).buffer);

var uint8=[];

uint8.push(new DataView(new Uint8Array([0X00]).buffer).getUint8(0))

for(var i=u32Dataview.byteLength-1;i>=0;i--){

uint8.push(u32Dataview.getUint8(i))

}

uint8.push(new DataView(new Uint8Array([time.getMonth()+1]).buffer).getUint8(0));

uint8.push(new DataView(new Uint8Array([time.getDate()]).buffer).getUint8(0));

uint8.push(new DataView(new Uint8Array([time.getHours()]).buffer).getUint8(0));

uint8.push(new DataView(new Uint8Array([time.getMinutes()]).buffer).getUint8(0));

uint8.push(new DataView(new Uint8Array([time.getSeconds()]).buffer).getUint8(0));

return uint8;

}

发送的流程大概就是这样，先new ArrayBuffer对象，该对象需要填入缓冲区长度参数，具体查看api==> https://msdn.microsoft.com/zh-cn/library/br212474(v=vs.94).aspx，

然后新建DataView对象，将ArrayBuffer传进去。然后用DataView的setUint和getUint方法按位进行读取设置，具体参考api==> https://msdn.microsoft.com/zh-cn/library/br212463(v=vs.94).aspx

下面是接收数据处理：//接收消息onmessage

socket.onmessage=function(data){

var blob_=new Blob([data.data]);

parseBlob(blob_);

}

//使用fileReader操作blob对象

var reader = {

readAs: function(type,blob,cb){

var r = new FileReader();

r.onloadend = function(){

if(typeof(cb) === 'function') {

cb.call(r,r.result);

}

}

try{

r['readAs'+type](blob);

}catch(e){}

}

}

function parseBlob(blob){

reader.readAs('ArrayBuffer',blob.slice(0,blob.size),function(arr){

var dataview_=new DataView(arr);

//协议中第二位是判断数据来源的

var socketConType=dataview_.getUint8(1);

//转成字符串读取数据

var modulelength=(dataview_.buffer.byteLength-46)/33;

var modulestate={};

reader.readAs('Text',blob.slice(i*33+37,i*33+37+32),function(result){

modulestate[dataview_.getUint8(i*33+36)]=result;

});

})

}

转成字符串之后就可以为所欲为了。

相关推荐：