在 javascript 中,可以通過 filereader api 打開本地文件:創建 filereader 對象。監聽 load 事件。使用 readastext 或 readasarraybuffer 方法讀取文件。從 filereader 的 result 屬性獲取文件內容。
如何打開 JS 本地文件
在 JavaScript 中,想要打開本地文件,可以使用 FileReader API。該 API 提供了一系列方法來讀取本地文件的內容,并將其轉換為 JavaScript 可以處理的數據。
步驟:
創建 FileReader 對象
const fileReader = new FileReader();
登錄后復制
監聽 load 事件
fileReader.addEventListener('load', (event) => { // 當文件讀取完畢后觸發該事件 });
登錄后復制
讀取文件
fileReader.readAsText(file);
登錄后復制
或者
fileReader.readAsArrayBuffer(file);
登錄后復制
其中 file 是要讀取的文件。
獲取文件內容
FileReader 的 result 屬性包含讀取的文件內容:
const fileContent = fileReader.result;
登錄后復制
示例:
const fileReader = new FileReader(); fileReader.addEventListener('load', (event) => { const fileContent = fileReader.result; console.log(fileContent); }); fileReader.readAsText(file);
登錄后復制
注意:
在使用 FileReader API 之前,需要確保瀏覽器支持該 API。
readAsText 方法將文件內容讀取為字符串,而 readAsArrayBuffer 方法將文件內容讀取為二進制數據。
FileReader 是一個異步操作,這意味著在文件讀取完畢之前,代碼將繼續執行。