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