Element-UI對于文件上傳組件的功能點著重于文件傳遞到后臺處理，所以要求action為必填屬性。但是如果需要讀取本地文件并在前端直接處理，文件就沒有必要傳遞到后臺，比如在本地打開一個JSON文件，利用JSON文件在前端進行動態(tài)展示等等。
下面就展示一下具體做法：

公司主營業(yè)務(wù)：成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出黃山免費做網(wǎng)站回饋大家。

首先定義一個jsonContent, 我們的目標(biāo)是將本地選取的文件轉(zhuǎn)換為JSON賦值給jsonContent

然后我們的模板文件是利用el-dialog和el-upload兩個組件組合：這里停止文件自動上傳模式:auto-upload="false"

 Load from File
 
  
   Select a file
   
upload only jpg/png files, and less than 500kb
  
  
   cancel
   confirm
  
 

本文標(biāo)題：詳解Element-UI中上傳的文件前端處理-創(chuàng)新互聯(lián)
文章分享：http://weahome.cn/article/dijsee.html