這期內容當中小編將會給大家帶來有關layui中怎么利用文件上傳功能獲取文件名，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
第一步在我們的電腦上面打開軟件，新建一個html頁面，并添加上layui插件的css,js文件和jquery.js文件
第二步在新建的index1.html文件里面首先引入layui.css，layui.js，jquery-1.9.0.js三個文件
第三步在index1.html的body里面添加一個表格、文件選擇和文件上傳的按鈕，實現將文件上傳到服務器，并以表格的形式顯示到界面，顯示文件名，文件大小等
第四步我們在瀏覽器中打開頁面，可以看到文件上傳列表的界面效果
第五步我們開始給文件選擇按鈕和上傳按鈕添加事件，并將上傳的文件信息返回到表格中，通過 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中怎么利用文件上傳功能獲取文件名了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
