layui 框架的upload上传文件的data参数传到后端的方法

 更新时间:2023年11月16日 14:30:46   作者:千里--伸  
这篇文章主要介绍了layui框架的upload上传文件的data参数传到后端的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

layui 框架的upload上传文件的data参数传到后端的方法

因为特殊性,upload.render初始化的data:{id:"sss"}不能传参到后台。

经过大量测试及参数网上方法,才发现,需要特殊处理:

1、如果直接给{id:"sss"}无效,但如果在before里,this.data.id="sss" 却是有效。

2、经过多次测试及理解,因该是data接收的是严紧的JSON格式如{"ID":"sss"}

3、但这个是公用的上传EXCEl界面,所以data参数是由父窗体传过来的,所以独立进行了JSON.stringify(jsonParams);后再JSON.parse()。

4、成功了,这样参数与其它的data可以按习惯去设置就可以了。

before: function (obj) {
                    jsonParams.action = "CommonImportExcel";
                    let ss = JSON.stringify(jsonParams);
                    this.data = JSON.parse(ss);                  
                    //console.log(jsonParams);
                }
 
data传参如:
jsonParams={ID:112,name:"ssss"}

layui upload 上传文件携带参数

前言
layui上传文件时,有时候需要往后台多传递一些自定义的参数

语法

before: function(obj) {
    this.data = {"xxx": "xxx"};
 }

例子
js

before: function (obj) {
            $("#importExcelMsg").text("数据导入中,请稍候...");
            var data = table.checkStatus('reloadSearch2').data;
            if (data.length > 0) {
                for (var i in data) {
                    var roleId = data[i].id;
                    roleIds += roleId + ",";
                }
                roleIds = roleIds.substring(0, roleIds.length - 1);
            }
            this.data = {
                roleIds: roleIds,
                operatorNo: operator.operatorNo
            }
        }

java

@RequestMapping(value = "/importExcel", method = RequestMethod.POST)
    public ModelMap importExcel(@RequestParam("file") MultipartFile multipartFile, HttpServletRequest request,
                                String roleIds, String operatorNo) {
}

到此这篇关于layui 框架的upload上传文件的data参数传到后端的方法的文章就介绍到这了,更多相关layui upload上传data参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 用JS编写一个函数,返回数组中重复出现过的元素(实例)

    用JS编写一个函数,返回数组中重复出现过的元素(实例)

    下面小编就为大家带来一篇用JS编写一个函数,返回数组中重复出现过的元素(实例)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 让div层随鼠标移动的实现代码 ie ff

    让div层随鼠标移动的实现代码 ie ff

    随鼠标移动的div层使用ie ff ,大家可以注意下兼容性的问题。
    2009-12-12
  • js+html5实现canvas绘制镂空字体文本的方法

    js+html5实现canvas绘制镂空字体文本的方法

    这篇文章主要介绍了js+html5实现canvas绘制镂空字体文本的方法,涉及html5文字效果的相关技巧,需要的朋友可以参考下
    2015-06-06
  • 使用formatter函数设置Echarts的tooltip中动态单位

    使用formatter函数设置Echarts的tooltip中动态单位

    这篇文章主要为大家介绍了使用formatter函数设置Echarts的tooltip中动态单位实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • JavaScript实现创建自定义对象的常用方式总结

    JavaScript实现创建自定义对象的常用方式总结

    这篇文章主要介绍了JavaScript实现创建自定义对象的常用方式,结合实例形式总结分析了JavaScript工厂模式、构造函数模式、原型模式、组合模式等常用的自定义对象创建模式操作与使用技巧,需要的朋友可以参考下
    2018-07-07
  • ES6入门教程之Iterator与for...of循环详解

    ES6入门教程之Iterator与for...of循环详解

    最近在学习ES6,刚刚看到Iterator和for...of循环这一章,所以想要跟大家略微分享一下,下面这篇文章主要给大家介绍了关于ES6入门学习中Iterator与for...of循环的相关资料,不足之处还望大家多多指正,需要的朋友们可以参考学习。
    2017-05-05
  • Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码

    Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码

    无法在infowindow里面添加的div进行绑定事件处理,官方的API,发现了google.maps.InfoWindow下面的Events里面有个domready事件
    2013-04-04
  • JavaScript仿京东轮播图效果

    JavaScript仿京东轮播图效果

    这篇文章主要为大家详细介绍了JavaScript仿京东轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-02-02
  • 基于JS实现十种酷炫的网页特效

    基于JS实现十种酷炫的网页特效

    之前喜欢收集能美化网页的代码,比如给网页加个背景啦,给鼠标加个特效啦,来来回回也收集到了一些“使用简单”,“效果爆炸”的页面,快来学习一下吧
    2022-04-04
  • JavaScript设计模式初探

    JavaScript设计模式初探

    javascript设计模式在程序中经常遇到,不同的设计模式都有各自的优劣势,本文给大家整理了七种设计模式,对js设计模式相关知识感兴趣的朋友一起学习吧
    2016-01-01

最新评论