使用 JQuery 读取二进制文件的浏览器之间的不同行为

Different behaviour between browsers reading binary with JQuery

本文关键字：之间 浏览器 JQuery 读取 二进制文件 使用      更新时间：2023-09-26

我正在尝试读取与MyFile.html位于同一域的二进制文件 MyFile.xxx。使用 JQuery，我只是尝试显示一个警报，其中包含 MyFile.xxx 字符数，并打印每个字符的数字表示形式。但是，根据浏览器的不同，我得到不同的结果：

谷歌浏览器：我正确收到显示 33 和正确整数的警报火狐：警报显示"未定义"，并且不打印任何整数。IE9：警报显示"1"，不打印任何整数。

有什么想法吗？谢谢

我的文件.html 

<html>                                                                  
 <head>                                                                  
 <script type="text/javascript" src="jquery.js"></script>          
 <script type="text/javascript">                                         
    $.get('/MyFile.xxx', function(a){
    var l=a.length,x=[l];
    alert(l);
    for(i=0;i<l;i++){
      x[i]=a[i].charCodeAt(0);
      document.write(x[i]);
      document.write("<br>");
    }    
});                              
 </script>                                                               
 </head>                                                                 
 <body>                                                                  
 </body>                                                                 
 </html>

试试这个：

$.ajax( "/MyFile.xxx", {
    dataType: "text",
    beforeSend: function( xhr ) {
        xhr.overrideMimeType( "text/plain; charset=x-user-defined");
    },
    success: function( data ) {
        var len = data.length,
            str = "";
        for( var i = 0; i < len; ++i ) {
            var byte = data.charCodeAt(i) & 0xFF;
            str += byte + " ";
        }
        document.body.innerHTML = str;
    }
});

演示：http://jsfiddle.net/SXgfu/（显示 åöä 的 UTF-8 字节）

请注意，IE9 不支持此功能。它也不支持任何其他获取响应原始字节的方法。

如果您使用的是 PHP，则可以在 IE 上使用此解决方法：

$.get("/base64encoder.php?file=MyFile.xxx", function(data) {
    data = decode64(data);
    var len = data.length,
        str = "";
    for (var i = 0; i < len; ++i) {
        var byte = data.charCodeAt(i) & 0xFF;
        str += byte + " ";
    }
    document.body.innerHTML = str;
}, "text");

其中base64encoder.php是这样的：

<?php
echo base64_encode(file_get_contents( $_GET['file'] ));

记得对以上内容进行消毒，否则就是一个巨大的安全漏洞

和decode64（SRC http://ntt.cc/2008/01/19/base64-encoder-decoder-with-javascript.html）：

var keyStr = "ABCDEFGHIJKLMNOP" +
           "QRSTUVWXYZabcdef" +
           "ghijklmnopqrstuv" +
           "wxyz0123456789+/" +
           "=";
function decode64(input) {
    var output = "";
    var chr1, chr2, chr3 = "";
    var enc1, enc2, enc3, enc4 = "";
    var i = 0;
    // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
    var base64test = /[^A-Za-z0-9'+'/'=]/g;
    if (base64test.exec(input)) {
        alert("There were invalid base64 characters in the input text.'n" + "Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '=''n" + "Expect errors in decoding.");
    }
    input = input.replace(/[^A-Za-z0-9'+'/'=]/g, "");
    do {
        enc1 = keyStr.indexOf(input.charAt(i++));
        enc2 = keyStr.indexOf(input.charAt(i++));
        enc3 = keyStr.indexOf(input.charAt(i++));
        enc4 = keyStr.indexOf(input.charAt(i++));
        chr1 = (enc1 << 2) | (enc2 >> 4);
        chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
        chr3 = ((enc3 & 3) << 6) | enc4;
        output = output + String.fromCharCode(chr1);
        if (enc3 != 64) {
            output = output + String.fromCharCode(chr2);
        }
        if (enc4 != 64) {
            output = output + String.fromCharCode(chr3);
        }
        chr1 = chr2 = chr3 = "";
        enc1 = enc2 = enc3 = enc4 = "";
    } while (i < input.length);
    return output;
}
相关文章：