elementUI檔案上傳 判斷檔案型別

2021-10-05 04:18:48 字數 901 閱讀 9788

在用el-upload上傳元件的時候需要注意

accept 官網上講可以控制檔案上傳的型別,但實際上並不可以 還需要土方法(獲取檔案字尾名進行判斷)進行控制

limit 不是很好用 它雖然限制了檔案只能上傳乙個,但是你選擇了乙個 就不能再去選擇第二個檔案,正常情況下測試想要選擇第二個,然後最後乙個是有效的,這裡可以替換一下。

獲取檔案的檔案流的方法

在獲取完正確檔案之後,之前的錯誤提示資訊要刪除

html**

"11" ref=

"editenc"

:on-remove=

"editencfileremove"

:on-change=

"encfileedit"

:auto-upload=

"false" accept=

".p7b,.cer,.pem"

>

"small" type=

"primary"

class

="btn-upload"

>匯入<

/el-button>

"tip"

class

="el-upload_tip"

>支援.p7b、.cer、.pem格式<

/span>

<

/el-upload>

判斷檔案型別

這種情形是擷取最後乙個小數點後的字串來判斷檔案的型別是否符合p7b,cer,pem中的一種

encfileedit

(file,filelist)

if(filelist.length>0)

);return

false;}

else}}

,

elementUI中檔案上傳upload的使用

由於本人是vue小白,很菜,而且介面呼叫的不熟練,遇到很多問題。使用elementui中upload,搗鼓的一天,求助各位好友,才解決這個問題,以此來記錄,以防日後又忘記怎麼使用的。1 首先拿到後端的postman的介面,經過測試,介面無誤,如圖 2 寫前端 下面寫了乙個簡單的示例,看 以及效果圖 ...

element ui中上傳檔案upload

name targetfile ref upload with credentials true limit 5 file list filelist data mydata action uploadurl headers myheader on change addfile on remove ...

用element ui進行檔案的上傳

在進項的專案中,我使用vue配合element搭建的專案,現在需要用到上傳檔案的寫法!現在列舉下我的專案中所使用的上傳檔案的方法!選取檔案 匯入 上傳檔案有多重方式來進行,這裡敘述下手動上傳的方法,並且用了請求的攔截。如果你的上傳不需要其他的引數,那麼你可以直接通過action填寫上傳位址來進行,如...