从相对路径读取文件作为 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">