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可以按习惯去设置就可以了。

javascript 复制代码
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"}
相关推荐
森林的尽头是阳光21 分钟前
tree回显问题
javascript·vue.js·elementui
weixin_BYSJ198742 分钟前
「课设设计」springboot校园超市助购系统26449 (附源码)
java·javascript·spring boot·python·django·flask·php
Highcharts.js1 小时前
如何下载使用Highcharts Grid 开发web可编辑表格
前端·人工智能·grid 表格·web 表格·在线编辑表格·highcharts表格安装·表格开发工具
用户62960593247052 小时前
从“浏览器根本区分不了”到真正实现:刷新不退出,关闭标签页自动退出,前端判断浏览器关闭和刷新
前端
qetfw2 小时前
MWU:Vue 3 + FastAPI 的 MaaFramework 跨平台 WebUI 源码
前端·vue.js·python·fastapi·开源项目·效率工具
mfxcyh2 小时前
Vue3+Ant Design Vue 实现手动异步文件上传(含大小校验、弹窗上传)
前端·javascript·vue.js
wordbaby2 小时前
Web端热敏标签打印完整解决方案(QZ Tray + 译维A42)
前端
swipe2 小时前
03|Axios 请求进了后端之后:Controller、Request、Response 是怎么接住它的?
前端·后端·全栈
meilindehuzi_a2 小时前
Vue3进阶基础:指令修饰符、v-model表单绑定、动态样式、计算属性与侦听器实战
前端·javascript·vue.js
csdn2015_2 小时前
vue 前端运行命令
前端·javascript·vue.js