JSのファイルから "バイナリ"文字を読み込む？

Question

今、私がバイナリと言うときは、ghjkl54╞←‼╝454≠を意味し、10101110ではありません。

私はJavaScriptでタイルマップをロードしたいと思いますが、地図エディタをJavaで書いて、バイナリファイルとしてマップを書き出すことはしません。だから私はそれが可能なら、どうすればいいのだろうと思っていたのですか？

また、可能でない場合は、[width][height][tilenum],[[tilenum2], tilenum3],...]しかないタイルマップ構造を読み込む必要がありますか？

Answer 1

はい、HTML5ファイルAPIを使用すると、ファイルのコンテンツを読むことができます。これは、すべてのブラウザでまだサポートされていないことに注意してください。

FileReaderを使用し、readAsBinaryStringを使用すると、http://jsfiddle.net/S4mEv/3/の文字を取得できます。

// bind a <input type="file">'s onchange event to a function 
// (does not require jQuery, just for convenience here) 
$('#file').change(function() { 
    var fr = new FileReader; // create a file reader 

    fr.onloadend = function() { // when reading has finished 
     alert(fr.result); // alert the contents 
    }; 

    fr.readAsBinaryString(this.files[0]); // start reading 
}); 

Answer 2

問題は私には非常に明確ではありません、あなたが実際にjavascriptのバイナリ文字列にファイルを取得するか、JavaScriptのバイナリ文字列形式で既にあるファイルを読み込んで助けが必要なのですか？後者の場合は、私の答えが助けになるかもしれません。

私が作られ、このように動作しますこれらの操作のためにJavaScriptでクラスを使用しています

//binaryString = result from readAsBinaryString 
    var tileReader = new ByteReader(binaryString), doubles = []; 

     while(!tileReader.EOF()) { 
     doubles.push(tileReader.readDouble()); 
     } //Read the whole file as big endian doubles 

クラス：

.WAVでテストされてい

function ByteReader(bytedata) { 
    this._data = bytedata || ""; 
    this._offset = 0; 
    } 

    ByteReader.prototype = { 

     constructor: ByteReader, 

     EOF: function(){ 
     return this._offset >= this._data.length; 
     }, 

     tellSize: function(){ 
     return this._data.length; 
     }, 

     seekTo: function(offset){ 
     this._offset = offset; 
     return this; 
     }, 

     rewind: function() { 
     this._offset = 0; 
     return this; 
     }, 

     readBytes: function(bytes) { 
     var s = this._data.substr(this._offset, bytes); 
     this._offset += bytes; 
     return s; 
     }, 

     setByteStream: function(data) { 

      if(typeof data != "string") 
      throw new TypeError(typeof data + " must be string"); 

     this._data = data; 
     this._offset = 0; 
     return this; 
     }, 

     readDouble: function(littleEndian) { 
     var s = this.readBytes(8); 
     var pow = Math.pow, sign, exponent, fraction; 

      if(littleEndian) 
      s = s.split("").reverse().join(""); 

     sign = (s.charCodeAt(0) & 0x80) >> 7; 
     exponent = ((s.charCodeAt(0) & 0x7F) << 4) | ((s.charCodeAt(1) & 0xF0) >> 4); 
     fraction = ((s.charCodeAt(1) & 0x0F) * pow(2, 48)) + 
       s.charCodeAt(2) * pow(2, 40) + 
       s.charCodeAt(3) * pow(2, 32) + 
       ((s.charCodeAt(4) & 0xFF) << 24) + 
       ((s.charCodeAt(5) & 0xFF) << 16) + 
       ((s.charCodeAt(6) & 0xFF) << 8 ) + 
       s.charCodeAt(7); 

     sign = pow(-1, sign); 

      if(exponent === 2047) { 
       if(f !== 0) 
       return Number.NaN; 

       else if(sign < 0) 
       return -Infinity; 

       else 
       return Infinity; 
      } 
      else if(exponent > 0) 
      return sign * Math.pow(2, exponent - 1023) * (fraction/0x10000000000000 + 1); 


      else if (fraction !== 0) 
      return sign * Math.pow(2, -1022) * (fraction/0x10000000000000); 


      else 
      return 0; 

     }, 

     readSingle: function(littleEndian) { 
     var s = this.readBytes(4) 
     var sign, exponent, fraction; 

      if(littleEndian) 
      s = s.split("").reverse().join(""); 

     sign = (s.charCodeAt(0) & 0x80) >> 7; 
     exponent = ((s.charCodeAt(0) & 0x7F) << 1) | ((s.charCodeAt(1) & 0x80) >> 7); 
     fraction = ((s.charCodeAt(1) & 0x7F) << 16) | 
       ((s.charCodeAt(2) & 0xFF) << 8) | 
       (s.charCodeAt(3) & 0xFF); 

     sign = Math.pow(-1, sign); 

      if(exponent === 255) { 

       if(fraction !== 0) 
       return Number.Nan; 

       else if(sign < 0) 
       return -Infinity; 

       else 
       return Infinity; 
      } 
      else if(exponent > 0) 
      return sign * Math.pow(2, exponent - 127) * (fraction/0x800000 + 1); 

      else if (fraction !== 0) 
      return sign * Math.pow(2, -126) * (fraction/0x800000); 

      else 
      return 0; 

     }, 

     readSByte: function() { 
     var s = this.readBytes(1).charCodeAt(0) & 0xFF; 
     return (s^0x80) - 0x80; 
     }, 

     readUByte: function() { 
     return this.readBytes(1).charCodeAt(0) & 0xFF; 
     }, 

     readUShort: function(littleEndian) { 
     var s = this.readBytes(2); 

      if(littleEndian) 
      return (s.charCodeAt(0) & 0xFF) | 
      ((s.charCodeAt(1) & 0xFF) << 8); 

      else 
      return (s.charCodeAt(1) & 0xFF) | 
      ((s.charCodeAt(0) & 0xFF) << 8); 
     }, 

     readULong: function(littleEndian) { 
     var s = this.readBytes(4), r; 

      if(littleEndian) 
      r = (s.charCodeAt(0) & 0xFF)  | 
      ((s.charCodeAt(1) & 0xFF) << 8) | 
      ((s.charCodeAt(2) & 0xFF) << 16) | 
      ((s.charCodeAt(3) & 0xFF) << 24); 

      else 
      r = (s.charCodeAt(3) & 0xFF)  | 
      ((s.charCodeAt(2) & 0xFF) << 8) | 
      ((s.charCodeAt(1) & 0xFF) << 16) | 
      ((s.charCodeAt(0) & 0xFF) << 24); 

      if (r & 0x80000000) 
      r = (r & 0x7FFFFFFF) + 0x80000000; 

     return r; 
     }, 

     readSShort: function(littleEndian){ 
     var s = this.readBytes(2), r; 

      if(littleEndian) 
      r = (s.charCodeAt(0) & 0xFF) | 
      ((s.charCodeAt(1) & 0xFF) << 8); 

      else 
      r = (s.charCodeAt(1) & 0xFF) | 
      ((s.charCodeAt(0) & 0xFF) << 8); 

     return (r^0x8000) - 0x8000; 
     }, 

     readSLong: function(littleEndian){ 
     var s = this.readBytes(4), r; 

      if(littleEndian) 
      return (s.charCodeAt(0) & 0xFF) | 
      ((s.charCodeAt(1) & 0xFF) << 8) | 
      ((s.charCodeAt(2) & 0xFF) << 16) | 
      ((s.charCodeAt(3) & 0xFF) << 24); 

      else 
      return (s.charCodeAt(3) & 0xFF) | 
      ((s.charCodeAt(2) & 0xFF) << 8) | 
      ((s.charCodeAt(1) & 0xFF) << 16) | 
      ((s.charCodeAt(0) & 0xFF) << 24); 

     } 


    }; 

は多くのことをファイル。