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