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参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript的Set数据结构详解

    JavaScript的Set数据结构详解

    这篇文章主要为大家介绍了JavaScript的Set数据结构,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • JavaScript实现动态网页飘落的雪花

    JavaScript实现动态网页飘落的雪花

    这篇文章主要为大家详细介绍了JavaScript实现动态网页飘落的雪花,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • 详细聊一聊js防抖节流到底是什么

    详细聊一聊js防抖节流到底是什么

    在项目开发中我们常常会去监听滚动事件或者用户输入框验证事件,如果事件处理没有频率限制,当用户不断触发事件时,就会加重浏览器的负担,影响用户的体验,造成不必要的损失,这篇文章主要给大家介绍了关于js防抖节流到底是什么的相关资料,需要的朋友可以参考下
    2022-04-04
  • JS样式获取的封装方法实例详解

    JS样式获取的封装方法实例详解

    这篇文章主要介绍了JS样式获取的封装方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-09-09
  • javascript时间自动刷新实现原理与步骤

    javascript时间自动刷新实现原理与步骤

    javascript时间自动刷新在应用中很常见,本人今天整理了一些,感兴趣的朋友可以参考下哦
    2013-01-01
  • 定时器(setTimeout/setInterval)调用带参函数失效解决方法

    定时器(setTimeout/setInterval)调用带参函数失效解决方法

    setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式,详细使用方法可以参考下本文
    2013-03-03
  • js 两个日期比较相差多少天的实例

    js 两个日期比较相差多少天的实例

    下面小编就为大家带来一篇js 两个日期比较相差多少天的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • layer设置maxWidth及maxHeight解决方案

    layer设置maxWidth及maxHeight解决方案

    这篇文章主要介绍了layer设置maxWidth及maxHeight解决方案,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-07-07
  • js使用canvas实现绘制月饼

    js使用canvas实现绘制月饼

    皓月当空,月圆中秋,在这个传统节日里,除了赏月、猜灯谜、赏花灯等习俗外,还有就是品尝美味的月饼,本文就来使用canvas绘制一个精美的月饼吧
    2023-09-09
  • 深入探究JavaScript的类型判断(从基础到精通)

    深入探究JavaScript的类型判断(从基础到精通)

    JavaScript 语言具有多种数据类型,它们可以大致分为两大类:基本数据类型(Primitive Data Types)和引用数据类型(Reference Data Types),本文将带大家一起从基础到精通深入探究JavaScript的类型判断,需要的朋友可以参考下
    2024-05-05

最新评论