layui导入文件时,如何动态传递参数

2023-11-11

需求:点击下图中的下拉框,在导入数据时,动态传递select的值

在这里插入图片描述

HTML代码如下

 <div class="layui-inline">
     <select id="selMold" lay-filter="selMold" class="layui-input" style="width:50px;">
         <option value="1">视频</option>
         <option value="2">音频</option>
         <option value="3">图文</option>
         <option value="4">PDF</option>
         <option value="5">长图</option>
     </select>
 </div>
     
 <div class="layui-inline">
     <button class="layui-btn layui-btn-small layui-btn-normal" id="excelIn">导入数据</button>
 </div>

JS代码如下

layui.use(['form', 'upload'], function () {
   	var form = layui.form;
   	var upload = layui.upload;
	var mold;
	form.on('select(selMold)', function (data) {
          form.render('select');
     });
	      
     //数据导入		
     upload.render({
     	//导入按钮的id
         elem: '#excelIn',
         //控制器地址
         url: "/platform/sections/excelIn",
         accept: "file",
         exts: 'xls|xlsx',
         //传参
         data:{"mold":mold},
         before: function (obj) {
         	//这个位置动态获取下拉框的值,并赋值给data中的mold
             this.data.mold = $('#selMold').val();
             loading('导入中,请稍后...');
         },
         //成功后的处理,根据实际情况,自行操作
         done: function (res, index) {
             layer.confirm(res.msg, function () {
                 layer.closeAll();
                 $(".layui-laypage-btn")[0].click();
             });
         },
         //失败的信息弹窗
         error: function (res) {
             msg(res.msg);
         }
     });
});

控制器接收参数,直接用param就可以了

在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

layui导入文件时,如何动态传递参数 的相关文章

随机推荐

  • chisel-book-chinese

    chisel book chinese 蓝奏云地址 https wwu lanzoue com isdim08x8x5i
  • 王爽老师汇编13.3对int iret和栈的深入理解 在屏幕中间显示80个叹号字符

    6666 问题 用7ch中断例程完成loop指令的功能 个人自学思考编写的 不知道和书中的要表达的意思是否相同 先编译运行第一个代码 再编译运行第二个显示代码 下面为写入内存0 200出的中断代码 iret指令为跳转指令 跳转到显示代码处
  • 音频wav mp3 批量转文本

    作为一个业余的软件开发爱好者 我又捣鼓了一个有意思的小东西 使用完全免费哈 使用了目前已有的音频识别的深度学习网络 然后封装成了一个单独的模块 使用的方法就是下载软件 然后打开音频所在的文件夹就行了 会自动扫描wav mp3 后缀结尾的文件
  • OSI七层模型与TCP/IP五层模型

    1 OSI open system interconnection 七层模型 OSI模型为开放式系统互联参考模型 是一个逻辑上的定义和规范 把网络从逻辑上划分为了7层 每一层都有相应的物理设备 OSI模型是一种框架性的设计方法 其主要功能是
  • .net grpc简单使用

    本文提供一个最简单的grpc demo 来模拟一个本地应用使用grpc的方式去调用一个远程的服务 文章目录 首先创建一个grpc项目来模拟远程服务 再创建一个项目来调用服务 如果需要在web api项目而不是控制台程序中调用远程服务 首先创
  • 【Github】GPT2-Chinese:中文的GPT2训练代码

    推荐一个Github项目 Morizeyao GPT2 Chinese Chinese version of GPT2 training code using BERT tokenizer 作者是AINLP交流群里的杜则尧同学 提供了一份中
  • 排阻的封装尺寸

    http arlen opcom blog 163 com blog static 33775037201011144225518 0402封装 0603封装 1 电阻封装尺寸与功率关系 通常来说 0201 1 20W 0402 1 16W
  • MATLAB与当今时代的意义

    对于现在的工科生来说 MATLAB 是必不可少的工具 其必要性可能仅次于 Office 了 如果你想在谷歌工作 确保你会用MATLAB 谷歌产品高级副总裁Jonathan Rosenberg认为 对于学生而言 掌握如何使用MATLAB将为其
  • 内存卡受损文件如何恢复

    现在的手机 你不用担心内存不够用 因为我们都有内存卡 一个8g内存的手机用内存卡扩到32g 64g都不成问题 而且存到内存卡上的资源还不耽误手机运行 简直一举两得 手机内存卡和很多卡片是一样的 u盘文件恢复工具 http mydown ye
  • Spring Boot 笔记

    springBoot 注解示意图 SpringBootApplication EnableAutoConfiguration 导入组件类 Import AutoConfigurationImportSelector class 调用方法 s
  • 数据存储——数据库

    关系型数据库存储 关系型数据库是基于关系模型的数据库 而关系模型是通过二维表保存的 所以它的存储方式就是行列组成的表 每一列就是一个字段 每一行就是一条记录 表可以看作某个实体的集合 而实体之间存在联系 这就需要表与表之间的关联关系来体现
  • Java中的接口

    1 生活中的接口 1 Java中接口的作用和生活中的接口类似 它提供一种约定 使得实现接口的类 或结构 在形式上保持一致 2 如果抽象类中所有的方法都是抽象方法 就可以使用接口来表示 3 接口可以看作是一种特殊的 抽象类 但是采用与抽象类完
  • 转 模板类中重载操作符

    今天复习一下如何重载操作符 就编了如下程序 搜了一下 发现那么输入输出流重载为什么不能在类内声明 类外实现呢 因为模板比较特殊 我们知道操作符重载函数不是类的成员函数 因此此处相当于定义了一个新的函数模板 不同于类中的friend ostr
  • 真题详解(ICMP)-软件设计(六十五)

    真题详解 对象 软件设计 六十四 https blog csdn net ke1ying article details 130459425 程序的三种基本控制结构 顺序 选择和重复 在网络系统中 通常吧 置于DMZ区 答案 Web服务器
  • fgetc、fgets用法 && 实现cp操作

    fgetc函数原型 int fgetc FILE stream 为什么fgetc返回的是int而不是char 通过man fgetc查看其返回值 fgetc getc and getchar return the character rea
  • 二叉树最大深度递归的图形解释

    import collections class TreeNode def init self val 0 left None right None self val val self left left self right right
  • 微信小程序制作-----日历记事本

    因为某些原因吧 我接触到了微信小程序在这里将自己的一些理解和感悟写出来 小程序介绍 小程序其实就是前端 后端你可以使用Java去完成 小程序的目录结构 页面可以当在一个pages的文件夹里面 然后注意文件名 一个文件的文件名和下面的文件的文
  • 23_geemap学习笔记

    原文 23 import assets import os import ee import geemap geemap set proxy 10809 Map geemap Map Map out dir os path join os
  • YOLO转VOC格式,解决txt多于jpg问题

    当数据集中标注的txt少于jpg时 转换代码就会报错 一个一个找出多余图片很麻烦 因此对代码进行修改解决这个问题 import os import glob from PIL import Image voc annotations C U
  • layui导入文件时,如何动态传递参数

    需求 点击下图中的下拉框 在导入数据时 动态传递select的值 HTML代码如下 div class layui inline div