從相對路徑讀取文件作為 ArrayBuffer

Question

我正在嘗試使用 FileReader API 將本地文件讀入 ArrayBuffer，就像這樣

let reader = new FileReader();

reader.onload = function(e) {
    let arrayBuffer = new Uint8Array(reader.result);
    console.log(arrayBuffer);
}

reader.readAsArrayBuffer(new File([], 'data.txt'));

但我得到了一個空的 arrayBuffer

如何在瀏覽器中將此本地文件作為 ArrayBuffer 讀取？

謝謝你。

Answer 1

您無法通過瀏覽器按路徑名讀取文件。 您需要讓用戶與文件系統交互並選擇一個文件，然后才能讀取內容。

 const readFile = e => { const file = e.target.files[0] let reader = new FileReader(); reader.onload = function(e) { let arrayBuffer = new Uint8Array(reader.result); console.log(arrayBuffer); } reader.readAsArrayBuffer(file); } document.querySelector("#fileItem").onchange=readFile

 <input id="fileItem" type="file">