JavaScript

超轻量级php框架startmvc

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

更新时间:2020-09-15 00:18:01 作者:startmvc
最近用layerui上传文件遇到了一个问题,我想在上传文件之前把data-id传入后台,layer文档找

最近用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 () {

 }
 });

 });

以上这篇layer ui 导入文件之前传入数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

layer ui 导入文件 传入数据