layer ui 导入文件之前传入数据的实例


Posted in Javascript onSeptember 23, 2019

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

Javascript 相关文章推荐
JavaScript中的isXX系列是否继续使用的分析
Apr 16 Javascript
JS构建页面的DOM节点结构的实现代码
Dec 09 Javascript
js简单工厂模式用法实例
Jun 30 Javascript
jquery实现下拉框功能效果【实例代码】
May 06 Javascript
AngularJS实现星星等级评分功能
Sep 24 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
May 23 Javascript
vue项目部署上线遇到的问题及解决方法
Jun 10 Javascript
Vuex的基本概念、项目搭建以及入坑点
Nov 04 Javascript
vue调用语音播放的方法
Sep 27 Javascript
VUE 解决mode为history页面为空白的问题
Nov 01 Javascript
Node.js实现简单管理系统
Sep 23 #Javascript
webpack的pitching loader详解
Sep 23 #Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 #Javascript
深入探索VueJS Scoped CSS 实现原理
Sep 23 #Javascript
小程序实现锚点滑动效果
Sep 23 #Javascript
React Native 混合开发多入口加载方式详解
Sep 23 #Javascript
Node.js HTTP服务器中的文件、图片上传的方法
Sep 23 #Javascript
You might like
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
MongoDB在PHP中的常用操作小结
2014/02/20 PHP
详解php中 === 的使用
2016/10/24 PHP
jquery 页面全选框实践代码
2010/04/02 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
JavaScript中的立即执行函数表达式介绍
2015/03/15 Javascript
js比较日期大小的方法
2015/05/12 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
JavaScript中Object.prototype.toString方法的原理
2016/02/24 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
JavaScript内置对象之Array的使用小结
2020/05/12 Javascript
Python操作MySQL简单实现方法
2015/01/26 Python
Django框架下在URLconf中指定视图缓存的方法
2015/07/23 Python
Python 实现简单的电话本功能
2015/08/09 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
python设置环境变量的作用和实例
2019/07/09 Python
Django用内置方法实现简单搜索功能的方法
2020/12/18 Python
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
英国健身超市:Fitness Superstore
2019/06/17 全球购物
Hurley官方网站:扎根于海滩生活方式的全球青年文化品牌
2020/05/18 全球购物
世界上最大的艺术社区:SAA
2020/12/30 全球购物
大学生职业规划前言模板
2013/12/27 职场文书
资源工程专业毕业生求职信
2014/02/27 职场文书
校园环保标语
2014/06/13 职场文书
促销活动总结模板
2014/07/01 职场文书
开展党的群众路线教育实践活动工作总结
2014/11/05 职场文书
2015年档案室工作总结
2015/05/23 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
600字作文之感受大自然
2019/11/27 职场文书
浅谈redis整数集为什么不能降级
2021/07/25 Redis
python脚本框架webpy模板控制结构
2021/11/20 Python