layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實(shí)例
最近用layer ui上傳文件遇到了一個(gè)問題,我想在上傳文件之前把data-id傳入后臺(tái),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è)置一個(gè)全局變量記錄layer的對(duì)象 $(".test1").click(function () {//這里綁定點(diǎn)擊事件 var game_id = $(this).attr('data-id');//取出data-id的值 uploadInst.config.data.game_id=game_id//這里設(shè)置data的值之后就能傳入后臺(tái)了 }); layui.use('upload', function(){ var upload = layui.upload; //執(zhí)行實(shí)例 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(){ //請(qǐng)求異常回調(diào) } ,before:function () { } }); });
以上這篇layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
js實(shí)現(xiàn)四舍五入完全保留兩位小數(shù)的方法
這篇文章主要介紹了js實(shí)現(xiàn)四舍五入完全保留兩位小數(shù)的方法,涉及javascript針對(duì)浮點(diǎn)數(shù)的數(shù)值運(yùn)算相關(guān)技巧,需要的朋友可以參考下2016-08-08JavaScript兩種計(jì)時(shí)器的實(shí)例講解
今天小編就為大家分享一篇關(guān)于JavaScript兩種計(jì)時(shí)器的實(shí)例講解,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-01-01uniapp禁止遮罩層下頁(yè)面滾動(dòng)的解決方法
在uniapp的開發(fā)中用過彈窗的都知道有個(gè)bug就是滑動(dòng)彈窗的內(nèi)容底部頁(yè)面也會(huì)跟著滑動(dòng),所以這篇文章主要給大家介紹了關(guān)于uniapp禁止遮罩層下頁(yè)面滾動(dòng)的解決方法,需要的朋友可以參考下2023-09-09關(guān)閉瀏覽器時(shí)提示onbeforeunload事件
這篇文章主要介紹了關(guān)閉瀏覽器時(shí)提示onbeforeunload事件,有需要的朋友可以參考一下2013-12-12JS實(shí)現(xiàn)的隨機(jī)排序功能算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的隨機(jī)排序功能算法,結(jié)合具體實(shí)例形式分析了javascript常用的排序算法實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-06-06多個(gè)js毫秒倒計(jì)時(shí)同時(shí)進(jìn)行效果
這篇文章主要以實(shí)例的方式講解多個(gè)js毫秒倒計(jì)時(shí)同時(shí)進(jìn)行效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01mpvue微信小程序的接口請(qǐng)求fly全局?jǐn)r截代碼實(shí)例
這篇文章主要介紹了mpvue微信小程序的接口請(qǐng)求fly全局?jǐn)r截代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11