layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實例
更新時間:2019年09月23日 15:01:23 作者:云溪111
今天小編就為大家分享一篇layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
最近用layer ui上傳文件遇到了一個問題,我想在上傳文件之前把data-id傳入后臺,layer文檔找了一下也沒有找到類似的說明,經(jīng)過一番折騰發(fā)現(xiàn)了其中的竅門,這里記錄一下
html代碼
<button type="button" data-id="1" class="layui-btn test1">導(dǎo)入路由表</button> <button type="button" data-id="2" class="layui-btn test1">導(dǎo)入路由表</button> <button type="button" data-id="3" class="layui-btn test1">導(dǎo)入路由表</button> <button type="button" data-id="4" class="layui-btn test1">導(dǎo)入路由表</button>
javascript代碼
var uploadInst;//這里設(shè)置一個全局變量記錄layer的對象 $(".test1").click(function () {//這里綁定點擊事件 var game_id = $(this).attr('data-id');//取出data-id的值 uploadInst.config.data.game_id=game_id//這里設(shè)置data的值之后就能傳入后臺了 }); layui.use('upload', function(){ var upload = layui.upload; //執(zhí)行實例 uploadInst = upload.render({ elem: '.test1' //綁定元素 ,url: $("#upload_url").val()+'?game_id='+$("#get_data").val() //上傳接口 ,accept: 'file' //普通文件 ,done: function(res){ layer.msg(res.msg) //上傳完畢回調(diào) } ,error: function(){ //請求異?;卣{(diào) } ,before:function () { } }); });
以上這篇layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
js實現(xiàn)四舍五入完全保留兩位小數(shù)的方法
這篇文章主要介紹了js實現(xiàn)四舍五入完全保留兩位小數(shù)的方法,涉及javascript針對浮點數(shù)的數(shù)值運算相關(guān)技巧,需要的朋友可以參考下2016-08-08關(guān)閉瀏覽器時提示onbeforeunload事件
這篇文章主要介紹了關(guān)閉瀏覽器時提示onbeforeunload事件,有需要的朋友可以參考一下2013-12-12mpvue微信小程序的接口請求fly全局?jǐn)r截代碼實例
這篇文章主要介紹了mpvue微信小程序的接口請求fly全局?jǐn)r截代碼實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11