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 () {

      }
    });

  });

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