淺談layui里的上傳控件問題
更新時間：2019年09月26日 15:46:48 作者：榮默默
今天小編就為大家分享一篇淺談layui里的上傳控件問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
很多時候，項(xiàng)目里都是需要上傳功能的，現(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 encodeURI 和encodeURIComponent
encodeURI和encodeURIComponet函數(shù)都是javascript中用來對URI進(jìn)行編碼，將相關(guān)參數(shù)轉(zhuǎn)換成UTF-8編碼格式的數(shù)據(jù)。URI在進(jìn)行定位跳轉(zhuǎn)時，參數(shù)里面的中文、日文等非ASCII編碼都會進(jìn)行編碼轉(zhuǎn)換2015-12-12
IE和Firefox下javascript的兼容寫法小結(jié)
學(xué)習(xí)js的朋友必須要知道或了解的知識2008-12-12
這篇文章主要分享了一款屬于你的jQuery提示框（Tip）插件，功能很強(qiáng)大，希望大家喜歡2016-01-01
javascript 極速 隱藏/顯示萬行表格列只需 60毫秒
隱藏表格列 這種方式的效率極低。例如，隱藏一個千行表格的某列，在我的筆記本（P4 M 1.4G，768M內(nèi)存）上執(zhí)行需要約 4000毫秒的時間，令人無法忍受。2009-03-03
JAVASCRIPT中keycode總結(jié)，方便需要控制keycode的朋友2009-02-02
詳解JavaScript中的構(gòu)造器Constructor模式
構(gòu)造器Constructor不能被繼承，因此不能重寫Overriding，但可以被重載Overloading。通過本文給大家分享JavaScript中的構(gòu)造器Constructor模式，對構(gòu)造器constructor相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
JS在一定時間內(nèi)跳轉(zhuǎn)頁面及各種刷新頁面的實(shí)現(xiàn)方法
這篇文章主要介紹了JS在一定時間內(nèi)跳轉(zhuǎn)頁面及各種刷新頁面的實(shí)現(xiàn)方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-05-05
這篇文章主要介紹了小試小程序云開發(fā)(小結(jié))，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
DOM操作原生js 的bug,使用jQuery 可以消除的解決方法
下面小編就為大家?guī)硪黄狣OM操作原生js 的bug,使用jQuery 可以消除的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
父頁面iframe中的第三方子頁面跨域交互技術(shù)—postMessage實(shí)現(xiàn)方法
web網(wǎng)站通過iframe嵌入第三方web頁面，父頁面和子頁面如果需要數(shù)據(jù)交互，顯然違反了同源策略，在HTML5標(biāo)準(zhǔn)引入的window對象下的postMessage方法，可以允許來自不同源的JavaScript腳本采用異步方式進(jìn)行有限的通信，可以實(shí)現(xiàn)跨文本檔、多窗口、跨域消息傳遞...2023-06-06