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)于JavaScript兩種計時器的實例講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
在uniapp的開發(fā)中用過彈窗的都知道有個bug就是滑動彈窗的內(nèi)容底部頁面也會跟著滑動,所以這篇文章主要給大家介紹了關(guān)于uniapp禁止遮罩層下頁面滾動的解決方法,需要的朋友可以參考下2023-09-09
關(guān)閉瀏覽器時提示onbeforeunload事件
這篇文章主要介紹了關(guān)閉瀏覽器時提示onbeforeunload事件，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了JS實現(xiàn)的隨機(jī)排序功能算法,結(jié)合具體實例形式分析了javascript常用的排序算法實現(xiàn)技巧,需要的朋友可以參考下2017-06-06
這篇文章主要以實例的方式講解多個js毫秒倒計時同時進(jìn)行效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
mpvue微信小程序的接口請求fly全局?jǐn)r截代碼實例
這篇文章主要介紹了mpvue微信小程序的接口請求fly全局?jǐn)r截代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了Validform表單驗證，包括通用表單驗證方法的知識，本文給大家介紹的非常詳細(xì)具有參考借鑒價值,需要的朋友可以參考下2016-10-10
支持各種瀏覽器的右下角浮動窗口，需要的朋友可以參考下。2010-04-04
這篇文章主要給大家介紹了關(guān)于ES6學(xué)習(xí)教程之Promise用法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11