ios html5 文件上传,【Web前端问题】上传文件使用axios发送FormData数据，参数为空...

上传文件使用axios发送数据，参数为空

const uploadInput = document.getElementById('uploadBtn');

let param = new window.FormData();

param.append('file', uploadInput.files[0]);

param.append('goodType', this.newGoodType);

param.append('goodName', this.newGoodName);

param.append('goodNum', this.newGoodNum);

console.log('get ', param.get('file'));

this.$http.post('/api/addExchangeGood', param, {

headers: {

'Content-Type': 'multipart/form-data'

}

})

.then(() => {

})

.catch(error => {

this.$Message.error(error.message);

});

回答：

去除Content-Type 的设置

headers: {

'Content-Type': 'multipart/form-data'

}

正常以 multipart/form-data 编码方式提交请求体，生成的content-type 应该是这样的

Content-Type: multipart/form-data; boundary=----WebKitFormBoundary5NqxviCXpyAjOEV6

boundary 是浏览器自动生成的分割符，如果自己设置了Content-Type，boundary 就会被覆盖掉，导致无法提交请求体数据

回答：

formData.append("file", file);

// 错误的示范，千万不要将formData包一层花括号，这会导致上传的值为{file: {}}，也就是空值，这是一个陷阱，我想很多人应该遇到过

axios.post("/upload", { file: formData });

// 要这样，直接上传formData

axios.post("/upload", formData);

并且不需要设置Content-Type

回答：

data 也不能默认设置为{}

ios html5 文件上传,【Web前端问题】上传文件使用axios发送FormData数据，参数为空...相关推荐

php web裁剪图片上传,WEB前端实现裁剪上传图片功能
最后的效果如下: 这里面有几个功能,第一个是支持拖拽,第二个压缩,第三个是裁剪编辑,第四个是上传和上传进度显示,下面依次介绍每个功能的实现: 1. 拖拽显示图片拖拽读取的功能主要是要兼听html5的 ...
文件上传java前端怎么写_Javaweb文件上传的前端和后端
上传文件的分类: 无论什么方式上传文件,都要用post提交方式一: 前端:表单方式上传文件后端: 使用上传技术是apache中的Commons-fileupload.jar commons-io. ...
java web文件夹_JAVA WEB项目文件夹上传下载解决方案
这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得 ...
html语音上传,语音识别—前端录音上传服务器进行语音识别
采用前端录音,Websocket搭建Node服务器,音频对象Blob使用Websocket传给后端服务器后写入本地音频文件,然后调用百度AI语音识别本地音频文件,最后将识别结果传给前端显示. 百度语音 ...
android 上传文件到 c 服务器,android 怎么样用socket给C服务器发送二进制数据
最近在写一个小APP,卡在android与服务器端通讯上了,大致需求是,android端发送二进制数据,文件头为0x00 0x08 0x0b,后面跟字符串的内容为abcd_efdgh, 结尾用0x00 ...
零基础自学html5要多久？Web前端学习路线的6点建议
学习html5的同学很多都在考虑.没有计算机基础能不能学会呢?在html5开发领域中没有特别的专业区分,能不能学会?跟有没有计算机专业知识也没有太大的关系,只能说有计算机专业,上手会快一点,并不能代表 ...
Web前端js实现tif文件浏览(含多页tif)
处理tif或者tiff文件需要用到tif.min.js文件,附件已附上: 下面是核心js代码 var loadImage = function (filename) {var xhr = new XM ...
html5 剪切板,【Web前端问题】当你复制一个网页的时候,你的剪切板里是什么呢?...
不好意思,我也不知道这个问题去哪个栏目问,该在那个编程语言板块,我就都问问吧,总有懂的人! 就是比如我复制一个网页的内容,其中有文本,也有图片, 要是把他粘贴到一个*.txt里,他就粘贴出来是一个纯字 ...
Web前端——VScode打开html文件中文乱码解决办法
VScode打开html文件中文乱码解决办法 1.打开VScode后,依次点击文件 >> 首选项 >> 设置 2.打开设置后,依次点击文本编辑器 >> 文件(或 ...

ios html5 文件上传,【Web前端问题】上传文件使用axios发送FormData数据，参数为空...

ios html5 文件上传,【Web前端问题】上传文件使用axios发送FormData数据，参数为空...相关推荐

最新文章

热门文章