Layui 上傳檔案

2021-08-30 19:51:08 字數 910 閱讀 9138

《/檔案上傳 - layui.upload》

最近在做的乙個功能裡,需要在某些條件成立的情況下,才允許上傳檔案。

方法一:設定不自動上傳,將上傳事件繫結到另乙個按鈕,選擇完檔案後可以根據條件讓上傳按鈕隱藏和顯示

方法二:設定自動上傳,這時就需要使用before方法或choose方法來判斷條件,但是因為upload.js中本來不提供阻止上傳的方式,所以得修改下upload.js的原始碼

找到以下**:

return"choose"===t?l.choose&&l.choose(g):(l.before&&l.before(g),a.ie?a.ie>9?u():c():void u())
將其修改為:

return"choose"===t?l.choose&&l.choose(g):((l.before&&l.before(g))===false?'':a.ie?a.ie>9?u():c():void u())
這樣一來,在before方法裡return false就能阻止檔案上傳,而return true或沒有返回值則允許上傳。

upload.render(,	// courseid:$(".courseid").val();	

// 由於courseid並沒有在載入頁面時賦值,而是在當前頁面操作後動態賦值,

// 而這裡是載入頁面時就會渲染,所以會導致取到的courseid為空

before: function(obj)

this.data.courseid = courseid; // 方法:在函式裡手動賦值

},done: function(res)

});

基於layui檔案上傳元件

基於layui檔案上傳二次封裝,修改layui原始碼實現放棄上傳,確保上傳介面能通,否則不會反顯 該元件支援 檔案上傳,具體使用見文件。layui demo檔案上傳 layui demo examples upload.html demo效果圖 一 檔案上傳元件 1.引入css檔案 2.引入js l...

layui 上傳檔案upload使用

html 資訊內容 上傳檔案 只能上傳字尾為.pdf檔案,且不超過10mb 檔名大小 狀態操作 js vue部分 data layui.use form upload function choose function obj 刪除 tr.find demo delete on click funct...

使用layui上傳多檔案

html部分 layui form item layui form label 上傳多檔案 label hidden id carfullpicture name carfullpicture style margin left 35px layui upload button class layu...