這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)layui中怎么利用文件上傳功能獲取文件名，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

主要從事網(wǎng)頁設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、響應(yīng)式網(wǎng)站開發(fā)、程序開發(fā)、微網(wǎng)站、微信小程序開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營銷、管理等多方位專業(yè)化運(yùn)作于一體，具備承接不同規(guī)模與類型的建設(shè)項(xiàng)目的能力。

第一步在我們的電腦上面打開軟件，新建一個(gè)html頁面，并添加上layui插件的css,js文件和jquery.js文件

第二步在新建的index1.html文件里面首先引入layui.css，layui.js，jquery-1.9.0.js三個(gè)文件

第三步在index1.html的body里面添加一個(gè)表格、文件選擇和文件上傳的按鈕，實(shí)現(xiàn)將文件上傳到服務(wù)器，并以表格的形式顯示到界面，顯示文件名，文件大小等

第四步我們在瀏覽器中打開頁面，可以看到文件上傳列表的界面效果

第五步我們開始給文件選擇按鈕和上傳按鈕添加事件，并將上傳的文件信息返回到表格中，通過 obj.preview(function(index, file, result){});方法來讀取選擇的本地文件信息，file.name獲取文件名，(file.size/1014).toFixed(1)獲取文件大小

第六步點(diǎn)擊上傳文件按鈕進(jìn)行上傳選擇的文件，上傳成功之后，通過var tr=demoListView.find('tr#upload-'+ index),tds =tr.children();代碼獲取文件上傳的信息，包括文件名，文件大小等插入到表格上，

第七步我們在瀏覽器打開index1.html文件，可以看到多文件上傳的界面樣式，點(diǎn)擊選擇多文件

第八步我們選擇本地的文件進(jìn)行上傳，點(diǎn)擊打開

第九步可以看到已經(jīng)成功上傳文件到服務(wù)器，并獲取文件名和文件大小顯示在表格中

上述就是小編為大家分享的layui中怎么利用文件上傳功能獲取文件名了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文名稱：layui中怎么利用文件上傳功能獲取文件名-創(chuàng)新互聯(lián)
文章分享：http://weahome.cn/article/gochs.html