layui的檔案上傳功能怎麼取得檔案名

第一步在我們的電腦上面開啟軟體，新建一個html頁面，並加入上layui外掛程式的css,js檔案和jquery.js文件，如下圖所示：

第二步在新建的index1.html檔案裡面首先引入layui.css，layui.js，jquery-1.9.0.js三個文件，如下圖所示：

第三步驟在index1.html的body裡面新增一個表格、檔案選擇和檔案上傳的按鈕，實作將檔案上傳到伺服器，並以表格的形式顯示到介面，顯示檔案名，檔案大小等，如下圖所示：

#第四步我們在瀏覽器中開啟頁面，可以看到檔案上傳清單的介面效果，如下圖所示：

相關推薦：《layui框架教學》

第五步我們開始給文件選擇按鈕和上傳按鈕新增事件，並將上傳的文件資訊返回到表格中，透過obj.preview(function(index, file, result){});方法來讀取選擇的本地文件信息，file.name獲取檔案名，(file.size/1014).toFixed(1)取得檔案大小，如下圖所示：

第六步點選上傳檔案按鈕進行上傳選擇的文件，上傳成功之後，透過var tr=demoListView.find('tr#upload-' index),tds =tr.children();代碼取得文件上傳的信息，包括文件名，文件大小等插入到表格上，如下圖所示：

第七步我們在瀏覽器開啟index1.html文件，可以看到多文件上傳的介面樣式，點選選擇多文件，如下圖所示：

我們選擇本地的檔案進行上傳，點擊打開，如下圖所示：

第九步驟可以看到已經成功上傳檔案到伺服器，並取得檔案名稱和檔案大小顯示在表格中，如下圖所示：

#

以上是layui的檔案上傳功能怎麼取得檔案名的詳細內容。更多資訊請關注PHP中文網其他相關文章！