자바 스크립트가 로컬 파일을 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

TextEncoder! TextEncoder는 코드 포인트 스트림을 입력으로 가져 와서 바이트 스트림을 방출합니다.

여기에 새로운 코드 :

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 encoder = new TextEncoder("utf-8"); 
    var resultArray = encoder.encode(text); 
    return resultArray.buffer; 
} 

작품을, 훨씬 빨리 어떻게해야 참조입니다.

Answer 2

그런 다음, "arraybuffer"에 XMLHttpRequest()의 .responseType을 설정 new Uint8Array()에 ArrayBuffer 인스턴스를 전달할 수 있습니다. 또는 ArrayBuffer을 복사하지 않고 fetch() 및 Response.arrayBuffer() 또는 FileReaderSync()을 Worker 내에서 ArrayBuffer을 주 스레드로 전송할 수 있습니다.

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