需求:
我們?cè)趯?dǎo)入數(shù)據(jù)文件的時(shí)候需要讀取到文件的內(nèi)容并將內(nèi)容數(shù)據(jù)渲染echart中
案例:以vue-element-ui中的el-upload為例
代碼如下:
分析:方法中file即上傳文件的所有信息,在本案例中我們使用的是FileReader對(duì)象,它是一個(gè)異步文件讀取機(jī)制
FileReader提供了如下方法:(注:如果傳file有報(bào)錯(cuò)的的話嘗試file.raw即可)
readAsArrayBuffer(file)? ?//按字節(jié)讀取文件內(nèi)容,結(jié)果用ArrayBuffer對(duì)象表示
readAsBinaryString(file) //按字節(jié)讀取文件內(nèi)容衷模,結(jié)果為文件的二進(jìn)制串
readAsDataURL(file)? ?//讀取文件內(nèi)容,結(jié)果用data:url的字符串形式表示? ? 注意不是路徑地址
場(chǎng)景應(yīng)用:可以做一些圖片的預(yù)覽硼端,將圖片
readAsText(file,encoding)//按字符讀取文件內(nèi)容,結(jié)果用字符串形式表示
abort()//終止文件讀取操作
事件: