使用layui上傳多檔案

2021-10-08 20:25:18 字數 1946 閱讀 6252

html部分

="layui-form-item"

>

="layui-form-label"

>上傳多檔案<

/label>

"hidden" id=

"carfullpicture" name=

"carfullpicture" style=

"margin-left: 35px;"

/>

="layui-upload"

>

"button"

class

="layui-btn " id=

"testlist" style=

"margin-left: -8px;"

>

="layui-icon layui-icon-upload"

>

<

/i>選擇多檔案<

/button>

="layui-upload-list" style=

"margin-left: 115px;display: none" id=

"table"

>

="layui-table"

>

檔名<

/th>

大小<

/th>

狀態<

/th>

操作<

/th>

顯示<

/th>

<

/tr>

<

/thead>

"demolist"

>

<

/tbody>

<

/table>

"button"

class

="layui-btn" id=

"testlistaction"

>開始上傳<

/button>

<

/div>

<

/div>

<

/div>js部分

layui.

use(

['jquery'

,'layer'

,'form'

,'table'

,'laypage'

,'upload'],

function()

//可放擴充套件資料 key-value

,multiple:

true

,auto:

false

,bindaction:

'#testlistaction'

,choose

:function

(obj))

;//刪除

tr.find

('.demo-delete').

on('click'

,function()

);demolistview.

(tr);}

);},

done

:function

(res, index, upload

)//code為後台傳回來的資料,具體多少自己定,

//後台只能傳回json格式資料,不然會走error函式;

,error

:function

(index, upload)}

);})

//詳情圖追加值

layui多檔案上傳講解 layui d多檔案上傳

借閱 前端 選擇多檔案 大小狀態操作 刪除開始上傳 js layui.use upload function accept file multiple true auto false bindaction testlistaction choose function obj var files th...

tp5 1使用layui實現多檔案上傳

其實,使用layui多檔案上傳不過就是多次的單檔案上傳罷了,廢話不多說,直接上 lang en charset utf 8 uploadmanytitle rel stylesheet href static layui css layui.css head class layui upload t...

layui 上傳檔案upload使用

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