layer ui 导入文件之前传入数据

来源:互联网 发布:手游代充平台 知乎 编辑:程序博客网 时间:2024/06/07 18:47

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