formData上传多文件错误请求显示[object]

最新推荐文章于 2024-03-08 15:08:35 发布
最新推荐文章于 2024-03-08 15:08:35 发布
阅读量6.8k 收藏 9
点赞数 5
文章标签： java javascript vue.js jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47561793/article/details/112601719
版权

** 使用formData进行post请求时候上传多个文件变为一个数组传递给后台的时候变为[object]问题**

post 请求
在这里插入图片描述
错误的成为了
在这里插入图片描述
错误的原因是使用formData上传文件时候，传递多个文件变为数组就会出现这个问题，解决的方法具体如下

在这里插入图片描述

做一个for循环把多个上传文件一个个传递就可以解决上述问题。

奔跑的web
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
通过Ajax方式上传文件使用FormData进行Ajax请求
10-21
主要介绍了通过Ajax方式上传文件使用FormData进行Ajax请求的相关资料,需要的朋友可以参考下
upload上传文件 formData变成[object,object]
星夜辰的博客
01-11 1万+
前端上传文件，浏览器里显示成file参数为[object ]形式，而不是（binary）
解决前端上传Formdata中的file为[object Object]的问题
最新发布
qq_26123545的博客
03-08 466
前端：Vue3 + ts + elementui plus后端：springboot。解决File上传时显示为[object Object]问题
JSON对象转成formData对象,formData对象转成JSON对象
热门推荐
有问题 ! 请留言 !
02-14 2万+
在向后端请求时，如果上传的数据里存在file文件对象，需要用到表单提交，这时候我们需要将JSON对象，转成formData对象，具体见代码 Object.keys(params).forEach((key) => { formData.append(key, params[key]); }); ...
使用FormData进行Ajax请求上传文件的实例代码
10-18
主要介绍了使用FormData进行Ajax请求上传文件的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
Java Web使用Html5 FormData实现多文件上传功能
08-30
主要介绍了Java Web使用Html5 FormData实现多文件上传功能,需要的朋友可以参考下
FormData 格式传参报错解决[object Object]
qq_43427657的博客
06-28 6625
问题： 解决： srcDomain是数组 const fromData = new FormData() fromData.append('srcDomain', JSON.stringify(srcDomain))
Object转化 为 FormData
YW_yang的博客
01-14 1732
/* @Author : Lem @Date : 2020-03-03 10:24:38 @LastEditTime : 2020-09-02 16:46:57 @Descripttion : - @FilePath : \src\utils\toFormData.js */ /** @Name: toFormData @Description: 转化 为 FormData @param {Object} data 传入 需转化的数据 @return: {Form
formData上传Excel文件[object object ]数据库接收不到数据
m0_54281425的博客
11-28 2334
上传xlsx格式文件给后端，出现 Form Data [object object]错误，表格数据没又进入数据库。 // defaultFlieList是已经上传的文件 const { defaultFileList } = this const formData = new FormData() console.log(defaultFileList,'defaultFileList'); // 打印结果看下图 formData.append(d.
js：object转FormData提交数据
彭世瑜的博客
12-13 1087
object转 FormData。
jQuery利用FormData上传文件实现批量上传
01-19
在项目中涉及题库的批量上传功能，在此利用formdata进行文件上传，后台读取，进行批量插入。同时还需要带入teacherId和courseId两个参数，所以将文件和两个参数append到formdata中，传到后台。 JQuery 函数的提交按钮执行的函数如下： [removed] //批量上传题库 function fileSubmit() { var questionFile = new FormData(); var fileObj = document.getElementById(questionFile).files[0
使用FormData实现上传多个文件
10-17
主要为大家详细介绍了使用FormData实现上传多个文件功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS中FormData类实现文件上传
10-15
主要为大家详细介绍了JS中FormData类实现文件上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jQuery Ajax使用FormData对象上传文件的方法
10-21
主要介绍了jQuery Ajax使用FormData对象上传文件的方法，非常不错，具有参考借鉴价值，需要的朋友可以参考下
微信小程序 多文件传输 formData 插件
03-15
微信小程序 多文件传输 formData 插件
ajax使用formdata上传文件流
10-16
主要为大家详细介绍了ajax使用formdata上传文件流，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS中使用FormData上传文件、图片的方法
10-21
主要介绍了JS中使用FormData上传文件、图片的方法的相关资料,需要的朋友可以参考下
FormData实现文件上传（前端+后端）
07-12
文件上传，包括前端和后端的核心代码，IE8无法获取文件真实路径，可以通过该方法来实现文件上传，使用的是FormData传递文件数据。
formData上传多个文件
07-27
回答: 要使用FormData上传多个文件，你可以使用循环来遍历文件列表，并将每个文件逐个添加到FormData对象中。在你提供的代码中，可以看到使用了一个for循环来遍历文件列表，并使用append方法将每个文件添加到FormData对象中。具体代码如下所示： ```javascript var formdata = new FormData(); for (var i = 0; i < templates.length; i++) { formdata.append("temp" + i, templates\[i\]); } ``` 在这个例子中，`templates`是一个文件列表，通过循环遍历将每个文件添加到FormData对象中，并为每个文件指定一个唯一的Key。这样就可以成功地将多个文件通过FormData传输到后台并接收了。 希望这个解答对你有帮助！ #### 引用[.reference_title] - *1* *2* [JavaScript————FormData实现多文件上传](https://blog.csdn.net/u014745069/article/details/90545576)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [利用formData实现多文件上传](https://blog.csdn.net/tyjlearning/article/details/105576066)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值