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

            }
        });

    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值