在导入layer ui文件前，如何将传入数据的实例转化为长尾？

本文共计431个文字，预计阅读时间需要2分钟。

最近使用layer UI上传文件时遇到了一个问题，想在上传文件前把data-id传递到后台，但在layer文档中找了找也没找到类似的说明。经过一番摸索，终于发现了其中的门道，这里记录一下。

HTML代码如下：

jQuery代码如下：

javascript$(document).ready(function() { $('#uploadBtn').click(function() { var dataId=$(this).data('id'); // 将data-id传递到后台 $.ajax({ url: 'upload.php', type: 'POST', data: { dataId: dataId }, success: function(response) { console.log('上传成功'); }, error: function() { console.log('上传失败'); } }); });});

通过这种方式，我们就可以在layer UI上传文件之前，将data-id传递到后台了。

最近用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 导入文件之前传入数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。