使用JavaScript从二进制文件中读取字节,而不使用jQuery

时间:2012-08-24 18:00:14

标签: javascript file internet-explorer binary byte

我正在尝试制作一个javascript模拟器,我希望它非常轻,所以我不想用jQuery和jDataView加载“ROM”。我用纯JS制作了自己的ROM加载器。

它工作得很好(感谢本网站上的许多主题),但IE仍然存在问题,我在其他地方找不到任何帮助。

这是我的JS代码:

/**
* @param file - the path or URL of the ROM file to load. The file must be served with the Mime-Type: 'text/plain; charset=x-user-defined'
* @param callback - a function to call when the loading is complete. Its first parameter contains an array of numbers representing the ROM bytes.
*/
function loadRom(file, callback)
{
  var xhr = new XMLHttpRequest();                             // AJAX loader
  xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){                                  // When the file content is received
      var str = xhr.responseText;                             // Store it as a string
      var ch, bytes = [];
      for (var i = 0; i < str.length; i++){
        ch = str.charCodeAt(i);                               // Read each character
        bytes.push(ch & 0xFF);                                // Store the last byte of the character
      }
      callback(bytes);                                        // Call the callback function with bytes as parameter
    }
  };
  xhr.open("GET", file, true);                                // Load the file
  xhr.send(null);                                             // Send the AJAX request
}

// Test
var mem=[];
loadRom("TEST.ch8", function(m){
  for(i=0;i<m.length;i++)console.log(m[i].toString(16))                 // Log each byte in hexa
});

这是我的.htaccess(chip8 ROM的扩展名为.ch8):

AddType 'text/plain; charset=x-user-defined' ch8

这是我的测试ROM(它包含字节0x00到0xFF)

http://www.filedropper.com/test_16

测试结果:

Firefox和Chrome工作正常:它们将每个字节从0x00记录到0xFF

除了0x80到0x9F之间的32个字节之外,IE9也是这样做的,它们被完全不相关的数字所取代。 (即使我们比较二进制代码,也没有明显的转换逻辑)

所以我的问题是:

  • IE9对这些字节做了什么?
  • 我该如何解决?

感谢您的想法(或解决方案)!

最大

2 个答案:

答案 0 :(得分:1)

您是否考虑过base-64编码数据并在客户端对其进行解码?

答案 1 :(得分:1)

我终于找到了答案:

  • 无论你做什么,IE都会转换这些字符。

  • 但是它提供了一种在字节数组中直接导出AJAX响应的方法,而且这比其他浏览器要差一些

    var bytes = VBArray(xhr.responseBody).toArray(); //仅限IE!

所以这里是将文件转换为字节数组的函数,直到IE7!

function loadRom(path, memory, callback)
{
  var i = 0,                                                                                        // Loop iterator
      ie /*@cc_on=1@*/,                                                                             // IE detection with conditional compilation
      xhr = new XMLHttpRequest;                                                                     // XHR object
  xhr.onreadystatechange = function(){                                                              // When the XHR object state changes
    if(xhr.readyState > 3){                                                                         // When the file is received (readyState 4)
      for(xhr = ie ? VBArray(xhr.responseBody).toArray() : xhr.responseText; i < xhr.length; i++){  // Get the response text as a bytes array (on IE) or a string (on other browsers) and iterate
        memory.push(ie ? xhr[i] : xhr.charCodeAt(i) & 0xFF);                                        // Store in memory the byte (on IE) or the last byte of the character code (on other browsers)
      }
      callback()                                                                                    // Call the callback function
    }
  }
  xhr.open("GET", path);                                                                            // Load the file
  xhr.send()                                                                                        // Send the XHR request
}