web-dev-qa-db-ja.com

Javascriptでバイナリデータをバイト配列に読み取るにはどうすればよいですか？

XMLHttpRequestを介して取得され、そのデータを操作できるJavaScriptのバイナリファイルを読み取りたいと思います。私の調査から、バイナリファイルデータを配列に読み込むこの方法を発見しました

var xhr = new XMLHttpRequest();
xhr.open('GET', '/binary_And_Ascii_File.obj', true);

xhr.responseType = 'arraybuffer';

xhr.onload = function(e) {
  var uInt8Array = new Uint8Array(this.response);
};

このバイナリデータ配列を人間が読める文字列に変換するにはどうすればよいですか？

javascriptbinarybinary-data
9
deztructicus

これが役立つと確信しています： http://jsdo.it/tsmallfield/uint8array 。

javascriptタブをクリックします。 Uint8Arrayを文字列に変換するコードが表示されます。著者は2つの方法を示しています：

  • 1つ目は、ビューの作成についてです。
  • 2番目のオフセットバイト。

編集：完全性のためにコードを報告する

var buffer = new ArrayBuffer( res.length ), // res is this.response in your case
    view   = new Uint8Array( buffer ),
    len    = view.length,
    fromCharCode = String.fromCharCode,
    i, s, str;    

/**
 *  1) 8bitの配列に入れて上位ビットけずる
 */
str = "";

for ( i = len; i--; ) {
  view[i] = res[i].charCodeAt(0);
}

for ( i = 0; i < len; ++i ) {
  str += fromCharCode( view[i] );
}    

/**
 *  2) & 0xff で上位ビットけずる
 */
str = "";

for ( i = 0; i < len; ++i ) {
  str += fromCharCode( res[i].charCodeAt(0) & 0xff );
}
8
user278064
function load_binary_resource(url) {
  var byteArray = [];
  var req = new XMLHttpRequest();
  req.open('GET', url, false);
  req.overrideMimeType('text\/plain; charset=x-user-defined');
  req.send(null);
  if (req.status != 200) return byteArray;
  for (var i = 0; i < req.responseText.length; ++i) {
    byteArray.Push(req.responseText.charCodeAt(i) & 0xff)
  }
  return byteArray;
}

詳細については、 https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data を参照してください。

7
Phyxx