let param = new FormData(); //创建form对象 param.append('files', files[0], files[0].name); //通过append向form对象添加数据 param.append('companyid', id); param.append('projectid', projectid);
通过append往formData里添加
前面的是后台接收的参数名，后面的是参数值
formData上传文件时同时上传其他参数值
2023-07-17
158
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
formData上传文件时同时上传其他参数值
目录
相关文章
|
对象存储
|
6月前
|
JSON
前端开发
JavaScript
前端上传文件前校验文件数据
该文介绍了如何在Vue项目中实现批量导入Excel数据的校验。使用Element UI的`el-upload`组件上传文件，通过FileReader读取内容，结合XLSX库解析Excel为JSON。解析过程包括将二进制数据转换为workbook对象，提取worksheet并转化为JSON。之后，遍历JSON数据进行字段校验，若发现空值则记录错误。提供的Demo展示了选择Excel文件后控制台显示校验结果。技术栈包括vue 2.6.14、element ui 2.15.14和xlsx 0.17.0。建议将此类功能封装为通用组件以复用。
127
2
2
|
5月前
Element UI 上传文件 el-upload —— 手动上传文件，限制上传文件数量，文件类型校验等
Element UI 上传文件 el-upload —— 手动上传文件，限制上传文件数量，文件类型校验等
1414
0
0
|
Web App开发
前端开发
|
存储
前端开发
Java
Element el-upload 文件上传/图片上传/拖拽上传/附带参数/附带请求头部详解
文目录
1. 前言
2. 基本用法
2.1 前端部分
2.2 后端部分
2.3 获取后端返回信息
3. 外观功能介绍
3.1 拖拽上传
3.2 显示图片
3.3 设置文件列表样式
3.4 显示提示信息
4. 事件功能介绍
4.1 限制上传文件数量
4.2 限制上传文件类型和大小
4.3 移除文件处理
4.4 手动上传
5. 附带参数
6. 附带请求头部
7. 小结
6124
0
0
|
7月前
|
对象存储
|
JavaScript
FormData可以做些什么事，除了文件上传当然还有文件分片上传呀
FormData 是一个用于表单数据的键值对，可以通过 FormData 对象来模拟表单提交，也可以通过 FormData 对象来实现文件上传。
384
0
0
|
前端开发
Java
对象存储
|
PHP
热门文章
最新文章
1
四大触点，教你从“用户视角”构建数据分析体系
2
Spring-boot+Dubbo应用启停源码分析
3
《Stata统计分析与应用（第2版）》一3.4 图形的保存、合并及修改
4
RocketMq-Request-Reply消息
5
Confluence 6 手动添加用户
6
2013年4月20日 通用权限管理系统组件V3.8功能改进说明
7
Configuring EIGRP Unequal-Cost Paths
8
PowerShell 指定关键词遍历文件内容
9
Windows时间服务出现故障 向用户发送错误的时间
10
三种dedecms调用相关文章的方法
1
《鸿蒙HarmonyOS应用开发从入门到精通（第2版）》简介
54
2
《Python 助力：人工智能模型的“瘦身”与“加速”之旅》
111
3
《非计算机专业者：Python 开启人工智能职业新航道》
40
4
《Python赋能：智绘智慧城市新蓝图》
43
5
《智育新篇：点亮学生人工智能伦理与社会责任之光》
47
6
《数据主权：人工智能时代的核心基石与挑战》
34
7
鸿蒙HarmonyOS应用开发 | 探索 HarmonyOS Next-从开发到实战掌握 HarmonyOS Next 的分布式能力
111
8
鸿蒙原生开发环境的创新与性能优化：从工具到跨平台支持的全方位提升
279
9
鸿蒙HarmonyOS应用开发 | 「鸿蒙技术分享」HarmonyOS NEXT元服务卡片实战体验
165
10
Qwen-Coder：通过Qwen 2.5模型实现智能代码生成的技术实践
41