layer ui 导入文件之前传入数据的实例
更新时间：2019年09月23日 15:01:23 作者：云溪111
今天小编就为大家分享一篇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 导入文件之前传入数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
小程序中的组件也是由宿主环境提供的，开发者可以使用组件快速搭建出页面结构，这篇文章主要介绍了微信小程序view与scroll-view组件的使用2022-10-10
layer.prompt使文本框为空的情况下也能点击确定的方法
今天小编就为大家分享一篇layer.prompt使文本框为空的情况下也能点击确定的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了javascript cookie的简单应用，我们先介绍一下cookie的使用，以及我后面简单封装一个cookie操作的单例，便于实现cookie的设置，获取，删除的方法，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要为大家详细介绍了JavaScript实现雪花飘落效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
分页栏是网页上最常见不过的一个组件，本博文给出分页栏的一个web2.0标准示例，并作简要分析2011-11-11
在日常开发中我们可能会遇到返回的数据不能直接使用,而数据提供者只给你传递二维数据格式的数据,这个时候就需要我们做转换,这篇文章主要给大家介绍了关于js实现一维数组转化为二维数组的两种简单方法,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了JavaScript实现沿五角星形线摆动的小圆实例详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
JavaScript将Table导出到Excel实现思路及代码
将Table导出到Excel不是一件困难的事，很多语言都可以实现，本文主要介绍下使用JavaScript实现将table导出到excel，思路很清晰感兴趣的你不妨参考下哈2013-03-03
这篇文章主要介绍了JS+CSS实现带有碰撞缓冲效果的竖向导航条代码,可实现滑块弹性振动效果的导航效果,涉及jQuery数学运算及页面元素样式的动态操作技巧,需要的朋友可以参考下2015-09-09
JavaScript数组、json对象、eval()函数用法实例分析
这篇文章主要介绍了JavaScript数组、json对象、eval()函数用法,结合实例形式分析了JS数组创建、赋值、连接、翻转,json对象定义、读取,eval()函数的功能、使用等,需要的朋友可以参考下2019-02-02
最新评论