基於layui檔案上傳元件

2021-09-25 02:46:21 字數 913 閱讀 1899

基於layui檔案上傳二次封裝,修改layui原始碼實現放棄上傳,確保上傳介面能通，否則不會反顯

該元件支援、檔案上傳，具體使用見文件。

layui_demo檔案上傳/layui-demo/examples/upload.html

demo效果圖

一、 檔案上傳元件

1.引入css檔案

2.引入js

layui.extend()

3.定義元件容器

4.初始化元件

fileupload.init();
(1)配置資訊imgconfig格式

//json格式[]
(2)返顯初始引數items格式

//json格式 


[ ]
5.api方法

(1) getkeys

獲取上傳檔案提交引數，得到乙個list,返回格式如下:

[,,]
(2) getmapkeys

獲取上傳檔案提交引數，得到乙個map,返回格式如下:

(3) getfiles

獲取上傳檔案提交引數，得到乙個list,返回格式如下:

[,,]
(4) getmapfiles

獲取上傳檔案提交引數，得到乙個map,返回格式如下:

,],


"sf_agreement": 


}
詳細api介面使用:

Layui 上傳檔案

檔案上傳 layui.upload 最近在做的乙個功能裡，需要在某些條件成立的情況下，才允許上傳檔案。方法一 設定不自動上傳，將上傳事件繫結到另乙個按鈕，選擇完檔案後可以根據條件讓上傳按鈕隱藏和顯示 方法二 設定自動上傳，這時就需要使用before方法或choose方法來判斷條件，但是因為uploa...

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...