axios发送post请求,提交图片类型表单数据方法


Posted in Javascript onMarch 16, 2018

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请求,提交图片类型表单数据方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript String 的扩展方法集合
Jun 01 Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
JS实现的幻灯片切换显示效果
Sep 07 Javascript
js根据json数据中的某一个属性来给数据分组的方法
Oct 08 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
JavaScript回调函数callback用法解析
Jan 14 Javascript
JS性能优化实现方法及优点进行
Aug 30 Javascript
原生JS实现相邻月份日历
Oct 13 Javascript
vue 使用class创建和清除水印的示例代码
Dec 25 Vue.js
vue中h5端打开app(判断是安卓还是苹果)
Feb 26 Vue.js
Vue实现搜索 和新闻列表功能简单范例
Mar 16 #Javascript
vue axios 表单提交上传图片的实例
Mar 16 #Javascript
vue中实现图片和文件上传的示例代码
Mar 16 #Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
Mar 16 #Javascript
Vue实现active点击切换方法
Mar 16 #Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 #Javascript
vue实现tab切换外加样式切换方法
Mar 16 #Javascript
You might like
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
PHP编写的图片验证码类文件分享
2016/06/06 PHP
Yii2中datetime类的使用
2016/12/17 PHP
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
js下判断 iframe 是否加载完成的完美方法
2010/10/26 Javascript
JavaScript Accessor实现说明
2010/12/06 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
2016/06/02 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
react-native-fs实现文件下载、文本存储的示例代码
2017/09/22 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
JavaScript设计模式之装饰者模式实例详解
2019/01/17 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
Python正则表达式介绍
2012/08/06 Python
详解Django中Request对象的相关用法
2015/07/17 Python
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地
2018/02/23 Python
pandas 数据实现行间计算的方法
2018/06/08 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
GUESS德国官网:美国牛仔服装品牌
2017/02/14 全球购物
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
中文专业毕业生自荐信
2013/10/28 职场文书
太太口服液广告词
2014/03/20 职场文书
某某同志考察材料
2014/05/28 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
三年级上册科学教学计划
2015/01/21 职场文书