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;
    iloginArr.length;
){
     loginDataview.setInt8(i,loginArr[i]);
     if(i>
    3&
    &
i(telArr.length+4)){
       loginDataview.setInt8(i,telArr.charCodeAt(i-4));
 }
        if(i>
    19&
    &
iloginArr.length-2){
      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

下面是接收数据处理：

//接收消息onmessagesocket.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;
 　　}
    );
 }
)}
    

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

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！

推荐阅读：

web端的应用实现后退强制刷新

ionic2中怎么使用自动生成器

以上就是js怎样直接操作二进制数据的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！