js怎样直接操作二进制数据


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来js怎样直接操作二进制数据,js直接操作二进制数据的注意事项有哪些,下面就是实战案例,一起来看一下。

首先是新建一个socket:

1

var socket=new WebSocket("ws://192.168.0.147");

接着定义socket打开,连接之后执行的函数:

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

1

2

3

4

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发送出去:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

var loginBuffer=new ArrayBuffer(30);

var loginDataview=new DataView(loginBuffer);

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

var telArr=localstorageuserinfo.TelPhone;

var loginTime=tempTrans();

for(var i=0;i<loginArr.length;){

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

 if(i>3&&i<(telArr.length+4)){

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

 }  

 if(i>19&&i<loginArr.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

下面是接收数据处理:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

//接收消息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;

   });

 })

}

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

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

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

ionic2中怎么使用自动生成器

以上就是js怎样直接操作二进制数据的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript 构造函数和 "new" 操作符详解

javascript如何实现json转数组

javascript是编译语言吗

一文搞懂javascript中 ! 和 !! 的区别!

javascript如何访问节点

javascript如何设置时间

javascript删除字符串最后一个字符

element-ui对话框可拖拽的功能如何实现?(附代码)

javascript怎么开启

学js需要什么基础?

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...