layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實(shí)例
更新時(shí)間：2019年09月23日 15:01:23 作者：云溪111
今天小編就為大家分享一篇layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
最近用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-08
JavaScript兩種計(jì)時(shí)器的實(shí)例講解
今天小編就為大家分享一篇關(guān)于JavaScript兩種計(jì)時(shí)器的實(shí)例講解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
uniapp禁止遮罩層下頁(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-12
JS實(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-01
mpvue微信小程序的接口請(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
這篇文章主要介紹了Validform表單驗(yàn)證，包括通用表單驗(yàn)證方法的知識(shí)，本文給大家介紹的非常詳細(xì)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10
支持各種瀏覽器的右下角浮動(dòng)窗口，需要的朋友可以參考下。2010-04-04
這篇文章主要給大家介紹了關(guān)于ES6學(xué)習(xí)教程之Promise用法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11