想起以前看到js讀取本地文件的文章，然后自己寫了個demo。

ps:這有點像Java的IO流，但是又有差別。

下面是我總結的一些步驟：

1、獲取file對象
var file=document.querySelector('input');
2、設置change事件
file.onchange=function(){
　　　　　　3、獲取file的資源
　　　　　　var list=this.files;
　　　　　　4、創建讀取器
　　　　　　var reader=new FileReader();
　　　　　　5、開始讀取文件
　　　　　　readAsDataURL() 方法 返回一個文件路徑
　　　　　　readAsText() 方法 返回一個文件內容（字符串）
　　　　　　reader.readAsDataURL(list[0]);
　　　　　　文件讀取完成后獲取結果
　　　　　　reader.onload=function(){
　　　　　　 獲取讀取結果-并進行處理
　　　　　　document.querySelector('img').src=this.result;
　　　　　　}
}

在事件中你可以在后臺看一下console.dir(this)；注意的是讀取文件的兩個方法①readAsDataURL() 方法 返回一個文件路徑②readAsText() 方法 返回一個文件內容（字符串）；

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com