前端formData传参，后端Dto对象接收

最新推荐文章于 2023-11-29 10:14:43 发布
最新推荐文章于 2023-11-29 10:14:43 发布
阅读量2.1k 收藏 1
点赞数 1
分类专栏： Java 文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kally_tao/article/details/128471270
版权
本文讨论了前端在上传图片时使用FormData而非RequestBody进行传参的原因，并介绍了由此带来的问题，即无法过滤null值，进而导致数据插入异常。文章进一步提出了后端处理此问题的解决方案：通过数据复制将前端传递的数据封装到DTO中。
摘要由CSDN通过智能技术生成

一般情况前端RequestBody传参

 

当前端新增数据时需要上传图片不支持requestBody传参，只能用formdata传参

当使用formdata传参时，前端无法过滤掉null数据，导致数据插入 异常

此时后端需要将前端传的数据重新封装成dto，dto只涵盖前端传的参数，然后后端通过数据copy封装新增的数据对象即可。

 

量子编码者
关注
专栏目录
前端传formdata数据 后端接收不到
Piratesa的博客
05-10 1万+
关于前端传formdata数据 后端接收不到问题 //填写的信息提交到数据库 submitFormFriuit = function(){ var form =new FormData(); form.append("fruit_id",$("#fruit_id").val().toString()); form.append("fruit_type",$("#fruit_type").val().toString()); form.append("fruit_name
FormData形式传参
M__Yang_的博客
12-24 5000
问题虽小，值得记录。 调用接口时，出现的问题 有接口平台说明，但是还是缠很久 接口平台 put 请求，设置请求头，传递参数，本地这几调都做到了，刚开始以为请求头问题，看下本地请求，预请求是成功的，参数及请求头都传递过去，没有用过form data形式传参，然后用到了qs 后来看接口文档返回的 formdata 百度之后 改变了参数形式 看下怎么用的 然后看下请求返回 到这里接口已经调用成功，返回了需要的东西。the first time。多的是给自己看长经验，如果你看到...
解决前端FormData对象的后端接收问题-附件资源
03-05
解决前端FormData对象的后端接收问题-附件资源
前端发送的form-data类型name=“carNumber“的参数后端怎么接收
qq_58030790的博客
11-21 4738
前端发送的form-data类型name="carNumber"的参数后端怎么接收
formData手动上传问题前端如何传递后端如何接收
呆萌小新@渊洁的博客
10-09 1万+
Required request part ‘files’ is not present,the request was rejected because no multipart boundary was found,Current request is not a multipart request
前后端传参==FormData文本和文件（图片等）同时上传、后端springboot接收CommonsMultipartResolver
hebian1994的博客
12-21 3575
pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org...
前端formdata向后端传递两个对象参数
最新发布
09-13
在前端使用`FormData`对象向后端服务器发送两个对象作为参数通常发生在需要上传文件或者携带自定义数据的情况。`FormData`允许我们序列化键值对和二进制数据，包括JSON对象，尽管它本身并不直接支持复杂的数据结构。...
前端上传文件 ajax发送FormData，后端如何接收
热门推荐
weixin_44294593的博客
11-14 1万+
前后端分离且跨域的情况下 form表单提交数据，且数据中包含文件提交上传 解决方法 及 步骤： 1 前端用formdata()的方式提交 let form=document.getElementById('form') var param = new FormData(form); let config = { //添加请求头 headers: { 'Conten...
FormData异步发送文件，后端SpringBoot接收
qq_57390446的博客
03-09 2320
FormData是js里的一个表单对象，通常用于异步发送文件
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
12-07
XMLHttpRequest Level 2 添加了一个新的接口——FormData。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。 jQuery 2.0+的版本支持FormData 方法一：使用<form>表单初始化FormData对象方式上传文件 •前端（JQuery）： <form enctype="multipart/form-data"> <input type="file" name="myfile" onchange="loadFile(this.files[0])"> </form> [removed] function l
前端传的dto，和后端查询的信息时(即又有更新又有新增)，做一个更新的操作问题
张亮亮的博客
01-31 1822
//未完待续
前端传json数组参数，后台以List<DTO>接收
zhouxukun123的专栏
11-30 7772
1 需求 将前端选择的jqGrid多行记录作为参数传递至后台并保存。 2 问题 直接将json数组传递给后台，报415错误，说明前后台参数类型不匹配。 3 解决 查阅资料后，发现是没有设置contentType，修改后的代码如下： function addItems() { // 检查是否选择了数据 var selectedItems = $("#tableId").jqGrid("selec...
接收前端参数的方式
L170311的博客
06-08 5665
作为一名后端java开发工程师，做过很多前后端分离的项目（前后端分离是指将前端和后端代码拆分成两个独立的代码库，这种方式使得前后端代码的开发、测试和部署变得更加灵活和独立。相比于传统的网站开发方式，前后端分离能够提高开发效率、加速响应速度、提高代码可维护性和可扩展性。）如何接收前端好兄弟传过来的参数呢，这是一个问题，我总结了一下几种方式，供大家学习参考，不足请指出。
关于使用DTO类出现前端传过来JSON数据到达后端后出现字段丢失
JackMa的博客
10-31 1140
【代码】关于使用DTO类出现前端传过来JSON数据到达后端后出现字段丢失。
详解前后端交互时PO,DTO,VO模型类的应用场景
欢迎阅读我的博客
11-29 1098
详解前后端交互时PO,DTO,VO模型类的应用场景
解决前端FormData对象的后端接收问题
wcj1840224162的博客
12-20 1万+
实现后端对Ajax的FormData对象所传文件的接收 ServletFileUpload的依赖库链接： https://pan.baidu.com/s/14MfxOghnP-t1Q-sAQDh6kA 提取码：hcyc 前端FormData： <form id="form1" method="post" enctype="multipart/form-data" action="" style=" width: 80%; margin:0 auto;"> <!-- form要设置 en
Dto类的使用以及Spring中对于前端请求处理的注意事项
qq_52692506的博客
07-31 665
Dto类的使用以及Spring中对于前端请求处理的注意事项
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值