网络编程
位置：首页>> 网络编程>> JavaScript>> layer ui 导入文件之前传入数据的实例

layer ui 导入文件之前传入数据的实例

作者：云溪111　　发布时间：2023-08-15 11:39:17　

标签：layer,ui,导入,文件,数据

最近用layer ui上传文件遇到了一个问题，我想在上传文件之前把data-id传入后台，layer文档找了一下也没有找到类似的说明，经过一番折腾发现了其中的窍门，这里记录一下

html代码


<button type="button" data-id="1" class="layui-btn test1">导入路由表</button>
<button type="button" data-id="2" class="layui-btn test1">导入路由表</button>
<button type="button" data-id="3" class="layui-btn test1">导入路由表</button>
<button type="button" data-id="4" class="layui-btn test1">导入路由表</button>

javascript代码


var uploadInst;//这里设置一个全局变量记录layer的对象

$(".test1").click(function () {//这里绑定点击事件
   var game_id = $(this).attr('data-id');//取出data-id的值
   uploadInst.config.data.game_id=game_id//这里设置data的值之后就能传入后台了

});
 layui.use('upload', function(){
   var upload = layui.upload;
   //执行实例
   uploadInst = upload.render({
     elem: '.test1' //绑定元素
     ,url: $("#upload_url").val()+'?game_id='+$("#get_data").val() //上传接口
     ,accept: 'file' //普通文件
     ,done: function(res){
       layer.msg(res.msg)
       //上传完毕回调
     }
     ,error: function(){
       //请求异常回调
     }
     ,before:function () {

}
   });

});

来源：https://blog.csdn.net/ucmir183/article/details/78356402

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com