ホームページ >ウェブフロントエンド >jsチュートリアル >バイナリデータを操作するjsメソッドまとめ

バイナリデータを操作するjsメソッドまとめ

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-12 13:36:331735ブラウズ

今回はjsでバイナリデータを操作する方法のまとめをお届けします。jsでバイナリデータを操作する際の注意点を実際の事例を交えて見ていきましょう。

私は最近、js を使用してバイナリ データを操作し、ソケットとバックグラウンドを介して送信するいくつかのプロジェクトを実行しました。ブログを使用してここに記録してください

まず、新しいソケットを作成します:

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

次に、ソケットを開いて接続した後に実行される関数を定義します:

Websocket には binaryType という属性があり、これは「blob」または「arraybuffer」に設定できます。デフォルトの形式は「blob」です。そのため、プロジェクトで作業していたときにこれを「arraybuffer」に設定するのを忘れていました。以下のデータを受信するときに Blob オブジェクトを使用します。

りー

以下は bype に変換されて送信されます:

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]        
}

送信プロセスは大まかに次のようになります。まず、新しい 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

を参照してください。 以下は受信データ処理です​​:

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;
}

文字列に変換したら、あとは何でもできるようになります。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Vue コンポーネント開発のヒントとは

AngularJS の @HostBinding() と @HostListener() の違い

以上がバイナリデータを操作するjsメソッドまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。