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)移動端輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
詳解小程序開發(fā)經(jīng)驗：多頁面數(shù)據(jù)同步
這篇文章主要介紹了小程序開發(fā)經(jīng)驗：多頁面數(shù)據(jù)同步，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Javascript使用function創(chuàng)建類的兩種方法(推薦)
下面小編就為大家?guī)硪黄狫avascript使用function創(chuàng)建類的兩種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
如何讓easyui gridview 寬度自適應(yīng)窗口改變及fitColumns應(yīng)用
在使用Easyui GridView時，如果要Gridview的寬度和窗口的寬度相同，只需要設(shè)置fitColumns: true即可,感興趣的你不要走開啊，接下來為您詳細介紹2013-01-01
Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHei
Javascript拖拽用到的一些關(guān)于位置定位的一些參數(shù)2008-09-09
詳解JavaScript如何實現(xiàn)異步并發(fā)任務(wù)控制器
實現(xiàn)一個控制并發(fā)數(shù)的任務(wù)隊列?、實現(xiàn)一個異步并發(fā)任務(wù)控制器，這已經(jīng)是非常經(jīng)典的手寫題目了，因為其中涉及?異步?和?并發(fā)?的內(nèi)容，所以本文就來講講到底如何實現(xiàn)呢2023-05-05
本篇文章主要介紹了使用webpack-dev-server處理跨域請求的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
DLL+ ActiveX控件+WEB頁面調(diào)用例子
因項目需要，開始學(xué)習(xí)并研究VC、DLL及ActiveX控件，網(wǎng)上資料找了很多，但沒一個可用的或者說沒一個例子可理解并運行的。沒辦法，自己研究吧。功夫不負有心人，終有小成了，呵呵，現(xiàn)在把自己學(xué)習(xí)總結(jié)了一下，獻給需要的人。2010-08-08
layer彈出的iframe層在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層的方法
今天小編就為大家分享一篇layer彈出的iframe層在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JavaScript上傳文件時不用刷新頁面方法總結(jié)（推薦）
這篇文章主要介紹了JavaScript上傳文件時不用刷新頁面方法，用js+css代碼詳細介紹了操作過程,需要的朋友可以參考下2017-08-08