axios发送post请求,提交图片类型表单数据方法
2018-03-16 10:30
961 查看
DOME
<input type="file" @change="upload" ref="upload">
接口
const userUploadAtt = (File,config) => axios.post("接口",File,config)
处理数据
let input = this.$refs.upload 创建一个空的FormData对象 let data = new FormData(); 使用FormData.append来添加键/值对到表单里面; data.append('file', input.files[0]); upload(){ userUploadAtt(data,{headers: {'Content-Type': 'multipart/form-data'}}).then((response)=>{ this.headPhoto = response.data[0].msg.url; }).catch(()=>{ }) }
注意:
如果
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' post请求时候表单上传不需要引入qs.stringify()
以上这篇axios发送post请求,提交图片类型表单数据方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- axios发送post请求,提交图片类型表单数据
- axios发送post请求,提交表单数据
- 让axios发送表单请求形式的键值对post数据
- android利用httpclient实现post、get请求restful接口进行json和form表单数据提交等公共方法类
- 让axios发送表单请求形式的键值对post数据的实例
- 关于在用curl函数post网页数据时,遇上表单提交 type为submit 类型而且没有name和id时可能遇到的问题及其解决方法
- 让axios发送表单请求形式的键值对post数据
- Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form me
- form表单提交数据get,post请求的区别
- Android 使用Post与Get方法进行表单提交数据
- 使用post方式提交表单如何获取图片数据及其他文本参数[NodeJS]
- jQuery跨域请求,跨域Post提交数据的方法(.net/SQL技术交流群206656202 入群需注明博客园) - 思...
- 表单用post方法提交数据时乱码问题
- Spring MVC 3 表单中文提交post请求和get请求乱码问题的解决方法
- Android 发送Post请求上传图片(以InputStream为数据交互)
- 表单提交数据大小的限制:Firebug 达到了 Post 请求大小限制
- ASP模拟POST请求异步提交数据的方法
- 表单提交数据get请求和post请求的区别?
- 表单通过get和post方式提交数据解决乱码的方法
- jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法