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实例传给新的 Uint8Array()。或者，您可以在 Worker 中使用 fetch() 和 Response.arrayBuffer() 或 FileReaderSync() 来传输ArrayBuffer 到主线程而不复制 ArrayBuffer。

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