淺談layui里的上傳控件問(wèn)題
更新時(shí)間：2019年09月26日 15:46:48 作者：榮默默
今天小編就為大家分享一篇淺談layui里的上傳控件問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
很多時(shí)候，項(xiàng)目里都是需要上傳功能的，現(xiàn)在就來(lái)研究研究，
首先，在html頁(yè)面引入layui的包，如：
<link rel="stylesheet" href="map/plug-in/scripts/layui/css/layui.css" rel="external nofollow" /> <script type="text/javascript" src="map/plug-in/scripts/layui/lay/dest/layui.all.js" ></script>
接著在html頁(yè)面寫(xiě)：
<div class="layui-form-item query_inp query_inp2"> <div class="layui-input-inline"> <input type="file" name="file（queryUpload）" class="layui-upload-file layui-upload-file_chaxun"> </div> </div>
然后再在js文件里對(duì)其渲染：
layui.upload({
elem: '.layui-upload-file_chaxun',
url: 'importServlet.do'
,title: '請(qǐng)上傳TXT文件'
,ext: 'txt' //那么，就只會(huì)支持這三種格式的上傳。注意是用|分割。
,success: function(res,input){
}
});
在這里需要注意的是，如果你有多個(gè)上傳控件，你就在class里重新命名一個(gè)，然后用 elem這個(gè)屬性來(lái)確定對(duì)應(yīng)的上傳控件做對(duì)應(yīng)的事情。
以上這篇淺談layui里的上傳控件問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript編程設(shè)計(jì)模式之構(gòu)造器模式實(shí)例分析
這篇文章主要介紹了JavaScript編程設(shè)計(jì)模式之構(gòu)造器模式,簡(jiǎn)單講述了構(gòu)造器模式的概念、原理,并結(jié)合實(shí)例形式分析了構(gòu)造器模式的定義與使用方法,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了微信小程序播放背景音樂(lè),實(shí)現(xiàn)原理是通過(guò)wx.getBackgroundAudioManager獲取全局唯一的背景音頻管理器，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友參考下吧2022-01-01
javascript中全局對(duì)象的isNaN()方法使用介紹
全局對(duì)象的isNaN()方法通常用于檢測(cè) parseFloat() 和 parseInt() 的結(jié)果，下面為大家介紹下其具體的使用，感興趣的朋友可以參考下2013-12-12
js實(shí)現(xiàn)按鈕顏色漸變動(dòng)畫(huà)效果
這篇文章主要介紹了js實(shí)現(xiàn)按鈕顏色漸變動(dòng)畫(huà)效果的方法,涉及javascript鼠標(biāo)事件及頁(yè)面表單元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-08-08
這個(gè)問(wèn)題我的理解是只要讓其他網(wǎng)站能執(zhí)行我的腳本我就有可能危害到，這個(gè)網(wǎng)站的用戶(hù)安全2011-12-12
這篇文章主要介紹了如何判斷及設(shè)置瀏覽器全屏模式,需要的朋友可以參考下2014-04-04
js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法
下面小編就為大家?guī)?lái)一篇js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
Antd中Table列表行默認(rèn)包含修改及刪除功能的封裝方法
這篇文章主要介紹了Antd中Table列表行默認(rèn)包含修改及刪除功能的封裝,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
JavaScript實(shí)現(xiàn)視頻轉(zhuǎn)GIF的示例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)視頻轉(zhuǎn)GIF,本文一共會(huì)按照以下三步去實(shí)現(xiàn)一個(gè)視頻轉(zhuǎn)?GIF?功能,解封裝視頻,從視頻文件中獲取視頻幀,解碼視頻幀,獲取幀圖像信息,拼裝幀圖像信息,生成?GIF,需要的朋友可以參考下2024-03-03
uni-app?中清除定時(shí)器實(shí)現(xiàn)方法詳解
這篇文章主要為大家介紹了uni-app?中清除定時(shí)器實(shí)現(xiàn)方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07