el upload實現上傳Excel檔案詳解

2022-10-09 11:30:19 字數 367 閱讀 4417

elemetui 元件--el-upload實現上傳excel檔案的例項

【需求】實現上傳excel檔案,在上傳到伺服器時,還要附加乙個引數,在請求上傳檔案界面前,先要進行檔案格式判斷。

【知識點】

1、el-upload 官方文件中,主要用到了以下屬性:

data可選引數, 上傳時附帶的額外引數name可選引數, 上傳的檔案欄位名before-upload可選引數, 上傳檔案之前的鉤子,引數為上傳的檔案,若返回 false 或者返回 promise 且被 reject,則停止上傳。  2、split進行字串擷取

【分析】

上傳資料

選取檔案

上傳到伺服器

只能上傳xls/xlsx檔案

el upload 手動上傳檔案

檔案上傳的後端位址 選擇檔案 上傳檔案 選擇檔案並顯示檔名 檔案大小 狀態 等 handlechange file,filelist else if size 0.1 1024 1024 else if size 0.1 1024 1024 1024 else let name file.name ...

el upload實現匯入資料

1 引入el upload元件,配置相關屬性,由於action必須配置,並會自動訪問localhost,當前要訪問遠端伺服器的介面,就可以通過自定義http request屬性完成介面除錯,否則會出404的錯誤 選取檔案 2 注意引入介面 import from services import 3 ...

vue學習(五)el upload 元件自動上傳

demo直接提交型別 data帶引數 選擇文件 data methods this.refs.upload.clearfiles handlesuccess res,file,filelist this.refs.upload.clearfiles 成功後的業務邏輯處理 beforeupload f...