最近用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 导入文件之前传入数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：notice#nhooo.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。