Javascript快速读取本地文件到UInt8Array

Question

如何快速读取本地二进制文件到 UInt8Array。在下面的代码中

function readAllBytesAsUInt8Array(path) {
    var req = new XMLHttpRequest();
    req.open("GET", path, false);
    req.overrideMimeType("text/plain; charset=binary-data");
    req.send(null);
    if (req.status !== 200) {
        console.log("error");
        return null;
    }
    var text = req.responseText;
    var resultArray = new Uint8Array(text.length);
    for(var i = 0; i < text.length;i++){
    resultArray[i] = (text[i].charCodeAt() & 255) & 255;
    }
    return resultArray.buffer;
 }

var text = req.responseText; 执行时间不到一秒，同时这部分

var resultArray = new Uint8Array(text.length);
for(var i = 0; i < text.length;i++){
    resultArray[i] = (text[i].charCodeAt() & 255) & 255;
}

50MB 的二进制文件大约需要 10 秒， 有没有办法更快地将二进制文件读取到 UInt8Array ？

Answer 1

您可以将 XMLHttpRequest() 的 .responseType 设置为 "arraybuffer"，然后将 ArrayBuffer 实例传递给new Uint8Array()。或者，您可以在 Worker 中使用 fetch() 和 Response.arrayBuffer() 或 FileReaderSync() 来传输ArrayBuffer 到主线程，而不复制 ArrayBuffer。

req.responseType = "arraybuffer";
let buffer = req.response;
let u = new Uint8Array(buffer);