如何在IE9中读取二进制数据？

Question

我正在研究一些Javascript代码，它使用Photoshop嵌入的路径创建图像的alpha蒙版。 IMG标记的onload处理程序将调用剪辑（this）。 该函数加载图像的源文件并扫描它。 这是设置：

function clip(img) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', img.src, true);
    xhr.responseType = 'arraybuffer';
    xhr.target = img;

    xhr.onload = function(e) {
        var bytes = new Uint8Array(this.response);
        var p = findPhotoshopSegment(bytes);
        if(p) {
            var paths = parse8BIMData(bytes, p);

            /* ... replaces IMG with SVG tag ... */
        }
    };
    xhr.send();
}

您可以在http://flaczki.net46.net/JPEG/SVG.html上查看代码

目前，它仅适用于Firefox，Chrome和Safari。 它在IE9中不起作用。 浏览器支持SVG但不支持Uint8Array。 有某种解决方法吗？

Answer 1

我在玩pdf.js库时遇到了同样的问题，我找到的解决方法是制作自己的Uint8Array，下面是你需要的代码。 所有积分都转到notmasteryet @github，完整的代码可以在这里找到https://gist.github.com/1057924

(function() {
  try {
    var a = new Uint8Array(1);
    return; //no need
  } catch(e) { }

  function subarray(start, end) {
    return this.slice(start, end);
  }

  function set_(array, offset) {
    if (arguments.length < 2) offset = 0;
    for (var i = 0, n = array.length; i < n; ++i, ++offset)
      this[offset] = array[i] & 0xFF;
  }

  // we need typed arrays
  function TypedArray(arg1) {
    var result;
    if (typeof arg1 === "number") {
       result = new Array(arg1);
       for (var i = 0; i < arg1; ++i)
         result[i] = 0;
    } else
       result = arg1.slice(0);
    result.subarray = subarray;
    result.buffer = result;
    result.byteLength = result.length;
    result.set = set_;
    if (typeof arg1 === "object" && arg1.buffer)
      result.buffer = arg1.buffer;

    return result;
  }

  window.Uint8Array = TypedArray;
  window.Uint32Array = TypedArray;
  window.Int32Array = TypedArray;
})();

Answer 2

如果您想确保获得更广泛的兼容性，还可以使用“web”目录下PDF.js发行版中包含的compatibility.js文件。 从Mozilla Github获取PDF.js，解压缩zip存档并包含上述目录中的compatibility.js文件。 它还使PDF.js库在IE9中工作