關(guān)于文件讀取的知識講解

想起以前看到j(luò)s讀取本地文件的文章，然后自己寫了個demo。

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

下面是我總結(jié)的一些步驟：

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

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

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