javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > layui  upload上传文件

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

作者:千里--伸

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

您可能感兴趣的文章:
阅读全文