<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[Heck's  Blog]]></title> 
<link>https://www.heckjj.com/index.php</link> 
<description><![CDATA[一瞬间的决定，往往可以改变很多，事实上，让自己成功的往往不是知识，是精神！ 如果你总是为自己找借口，那只好让成功推迟。执行力，今天！]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[Heck's  Blog]]></copyright>
<item>
<link>https://www.heckjj.com/post//</link>
<title><![CDATA[解决Vue3前端上传Formdata中的file为[object Object]的问题]]></title> 
<author>Heck &lt;@hecks.tk&gt;</author>
<category><![CDATA[Web开发]]></category>
<pubDate>Fri, 20 Dec 2024 03:31:08 +0000</pubDate> 
<guid>https://www.heckjj.com/post//</guid> 
<description>
<![CDATA[ 
	在使用Vue3、TypeScript和ElementUIPlus构建前端时，遇到上传表单数据为[objectObject]且后端SpringBoot报错的情况。通过排查发现前端代码中的`file`对象需要将`raw`属性值作为上传内容，解决了`MissingServletRequestPartException`。<br/><br/>项目场景：<br/>前端：Vue3 + ts + antdv<br/>后端：springboot<br/><br/><br/>打印的file：<br/>发现file内部还有一个raw属性，我们要上传的是这个raw里面的内容<br/><br/>解决方案：<br/>更改前端代码如下：<br/><br/>const file = uploadFileList.value[i];<br/>&nbsp;&nbsp;&nbsp;&nbsp;formData2.append('file', toRaw(file.raw));<br/>&nbsp;&nbsp;&nbsp;&nbsp;formData2.append('parentAdcode', formData.parentAdcode);<br/>&nbsp;&nbsp;&nbsp;&nbsp;importObjects(formData2).then(res=>&#123;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.$message.success('导入成功')<br/>&nbsp;&nbsp;&nbsp;&nbsp;&#125;)
]]>
</description>
</item><item>
<link>https://www.heckjj.com/post//#blogcomment</link>
<title><![CDATA[[评论] 解决Vue3前端上传Formdata中的file为[object Object]的问题]]></title> 
<author> &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate> 
<guid>https://www.heckjj.com/post//#blogcomment</guid> 
<description>
<![CDATA[ 
	
]]>
</description>
</item>
</channel>
</rss>