JS FormData上传文件的设置方法

使用FormData上传文件时，总是获取不到req.file对象。发现是没有配置对FormData导致。

这里我是在vue中使用axios发送的请求，配置代码如下。重点地方给出注释

<form id="uploadform" method="POST" enctype="multipart/form-data" :action="postImgApi" ref="uploadform">
 <input type="file" name="imagefile" @change="upload" ref="inputfile">
</form>
let uploadform = this.$refs.uploadform
let inputfile = this.$refs.inputfile
let formData = new FormData(uploadform) //初始化时将form Dom对象传入
formData.append('imagefile', inputfile) //将imagefile键追加进去，值为input-file的dom对象，否则服务端无法获取file
this.$http.post(this.postImgApi, formData, {
 headers: {
  'Content-Type': 'multipart/form-data' //设置post文件的请求头
 }
}).then(res => {
 debugger
 this.textarea = res.data
})

这两天也是从网上找了各种demo和资料，发现使用自己的请求是后台就是获取不到文件，而使用form表单的submit却是可以。最开始分析是否是自己的请求头的问题，发现content-type正确且带有boundary，content-length也正常，说明请求头这里应该是没问题的。所以从FormData这里入手，几次尝试后寻找到上面代码的方式可以正常运行。这里后面有时间还是要详细分析下FormData，好好学习下在给出深度的解释。

以上所述是小编给大家介绍的JS FormData上传文件的设置方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# js  # formdata  # 上传文件  # JS中使用FormData上传文件、图片的方法  # JS FormData对象使用方法实例详解  # js使用formData实现批量上传  # JS中FormData类实现文件上传  # javaScript中FormData使用方法示例  # JavaScript中的FormData类型示例详解  # 自己的  # 小编  # 是在  # 却是  # 在此  # 几次  # 是从  # 给大家  # 找了  # 这两天  # 表单  # 所述  # 给我留言  # 时将  # 值为  # 正常运行  # 服务端  # 感谢大家  # 好好学习 

相关文章： 高端企业智能建站程序：SEO优化与响应式模板定制开发  建站为何优先选择香港服务器？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  电商网站制作公司有哪些,1688网是什么意思？  建站之星安装步骤有哪些常见问题？  如何高效配置香港服务器实现快速建站？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何选择CMS系统实现快速建站与SEO优化？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  如何在阿里云域名上完成建站全流程？  如何高效配置IIS服务器搭建网站？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  香港服务器租用每月最低只需15元？  如何用腾讯建站主机快速创建免费网站？  音响网站制作视频教程,隆霸音响官方网站？  网页设计网站制作软件,microsoft office哪个可以创建网页？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  如何在香港免费服务器上快速搭建网站？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  如何快速启动建站代理加盟业务？  如何快速配置高效服务器建站软件？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  设计网站制作公司有哪些,制作网页教程？  如何在阿里云虚拟主机上快速搭建个人网站？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  个人网站制作流程图片大全,个人网站如何注销？  建站之星如何实现网站加密操作？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  香港服务器选型指南：免备案配置与高效建站方案解析  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  建站主机服务器选购指南：轻量应用与VPS配置解析  如何通过万网虚拟主机快速搭建网站？  Android滚轮选择时间控件使用详解  如何在Golang中引入测试模块_Golang测试包导入与使用实践  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  七夕网站制作视频,七夕大促活动怎么报名？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  ,石家庄四十八中学官网？  如何高效生成建站之星成品网站源码？  如何获取上海专业网站定制建站电话？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  免费网站制作appp,免费制作app哪个平台好？  实例解析Array和String方法  大型企业网站制作流程,做网站需要注册公司吗？  html制作网站的步骤有哪些,iapp如何添加网页？  如何通过主机屋免费建站教程十分钟搭建网站？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  如何选择适配移动端的WAP自助建站平台？