在IE9中使用jQuery和jDataView读取二进制文件

Read binary in IE9 with jQuery and jDataView

本文关键字:jDataView 读取 二进制文件 jQuery IE9      更新时间:2023-09-26

我试图读取二进制与jDataView 2浏览器:Chrome和IE9。

我在ajax请求之前添加了新的类型binary(使用jQuery 1.10.0):

// Install binary dataType
jQuery.ajaxSetup({
    accepts: {
        binary: "text/plain; charset=x-user-defined"
    },
    contents: {
    },
    converters: {
        "text binary": true // Nothing to convert
    }
});

对于返回二进制流的服务器,我添加了标题:

<?php header("Content-type: text/html; charset=windows-1251"); ?>

然后ajax请求:

$.support.cors = true;
$.ajax({
    type: 'GET',
    url: url,
    dataType: 'binary',
    mimeType: 'text/plain; charset=x-user-defined',
    success: function(data) {
        var view = new jDataView(data);
        // ...
    }
});

我使用getUint8()方法来获取二进制流的一部分:

for (var l = 0; l < 8; l++) {
    tx += " " + view.getUint8(l, true);
}

然后,比较tx字符串:

0 0 0 7 12 106 212 65 (chrome) => GOOD (match the expected results)
0 0 2 94 12 106 36 65 (IE9) => 3 BAD sequences

使用Chrome浏览器它工作得很好,但我没有相同的结果与IE9…Chrome使用本地getUint8功能,而IE9使用jDataView方法。

最后我找到了这个hack和jDataView的解决方案:

var oReq = new XMLHttpRequest();
oReq.open("GET", url, true);
oReq.responseType = "arraybuffer";
if (oReq.overrideMimeType) {
    oReq.overrideMimeType('text/plain; charset=x-user-defined');
} else {
    oReq.setRequestHeader('Accept-Charset', 'x-user-defined');
}
oReq.onload = function(oEvent) {
    if (oReq.status == 200) {
        var arrayBuffer = oReq.response;
        var view = new Uint8Array(arrayBuffer);
        var dataView = new jDataView(view.buffer);
        // ...
    }
};