layer ui 导入文件之前传入数据

曾经终败给现在 2022-06-06 01:29 75阅读 0赞

最近用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 () { 
    
                }
            });
    
        });

发表评论取消回复

表情：

评论列表（有 0 条评论，75人围观）

还没有评论，来说两句吧...

相关阅读

相关 java做 excel文件的导入导出（SSM+layer）

的项目使用时 Java ssm + 前端layer+ freemark。因为是从项目中扣的代码。整理了下逻辑。有问题的下方留言哈导入的依赖 poi ...

╰+攻爆jí腚メ/ 2024年04月18日 11:47/ 0 赞/ 65 阅读

相关 Vue3导入element-ui

Vue3导入element-ui 本文讲解，vue3如何导入element-ui。首先在终端里面运行命令`npm install element-plus --sav

港控/mmm°/ 2024年03月16日 23:23/ 0 赞/ 18 阅读

相关 Matlab快速导入数据文件

1.手动输入在工作空间创建一个mat格式文件，双击手动打开，将数据一一输入进去。 2.导入已有的mat文件 data\_mat = load('mat文件路径');

落日映苍穹つ/ 2023年09月30日 11:43/ 0 赞/ 24 阅读

相关 @select 传入List数据

@Select({ "<script>", "select from m_seller_ind

旧城等待，/ 2023年07月18日 04:44/ 0 赞/ 3 阅读

相关 layer ui 导入文件之前传入数据

最近用layer ui上传文件遇到了一个问题，我想在上传文件之前把data-id传入后台，layer文档找了一下也没有找到类似的说明，经过一番折腾发现了其中的窍门，这里记录一下

曾经终败给现在/ 2022年06月06日 01:29/ 0 赞/ 76 阅读

相关传入id，文件下载

话不多说，并不难，看代码就可以，重点是response.setContentType和response.setHeader两个的设置 import java.io.B

一时失言乱红尘/ 2022年06月02日 03:59/ 0 赞/ 111 阅读

相关 Mysql - SQL数据文件导入

Mysql - SQL数据文件导入 -------------------- 一、导入数据库 mysql -uroot -p --default-char

浅浅的花香味﹌/ 2022年05月27日 20:38/ 0 赞/ 266 阅读

相关数据文件远程导入MySQL

windows：（放到mysqlimport.exe目录） @echo 数据文件远程导入MySQL mysqlimport -h 192.168.3.128

红太狼/ 2022年05月14日 14:53/ 0 赞/ 189 阅读

相关元数据导入csv文件

使用文件编辑csv格式文件，注意，不要删除“第1层术语”到“第7层术语”，以及里面的双引号.不要使用Excel编辑，会出现格式丢失，导入不成功。 ![102202344627

忘是亡心i/ 2021年12月22日 10:57/ 0 赞/ 380 阅读

相关 ClickHouse 十二（数据文件导入）

1 导入文本文件建表本地表 CREATE TABLE test.tmp_uid_info ( `uid` Int32,

红太狼/ 2021年06月24日 13:58/ 0 赞/ 967 阅读