// 可以通过 FormData 来实现 let bodyFormData = new FormData(); // 再把字段加进去 bodyFormData.set('userName', 'Fred'); // 图片的话可以把 image append 进去 bodyFormData.append('image', imageFile); axios({ method: 'post', url: 'myurl', data: bodyFormData, config: { headers: {'Content-Type': 'multipart/form-data' } } }).then(function (response) { console.log(response); }).catch(function (response) { console.log(response); })

转载于:https://juejin.im/post/5cc5a7816fb9a0322564c8e2

Axios FormData相关推荐

  1. 结合axios(formdata)+vue-cropper+element ui实现头像图片剪切上传

    萌新用vue + axios + formdata 上传文件的爬坑之路 https://blog.csdn.net/qq_41688165/article/details/80834842 结合vue ...

  2. formdata多文件上传_如何使用FormData轻松上传单个或多个文件

    formdata多文件上传 In this post, we'll learn about the FormData interface available in modern web browser ...

  3. vue用form上传图片_Vue formData实现图片上传

    本文实例为大家分享了vue formdata实现图片上传的具体代码,供大家参考,具体内容如下 import vue from 'vue' /** * 图片上传 * 已注入所有vue实例, * temp ...

  4. Vue菜鸟之路: 封装上传组件

    为什么80%的码农都做不了架构师?>>>    前言 vue的菜鸟学习之路,从封装一个简单的上传组件开始,菜鸟摸索,大佬轻喷..(不服可以来写Java ....当我没说) 设计 1. ...

  5. 前端: 开发一款有点意思的仿微信朋友圈应用

    儿童节快乐 前言 今天要写的H5朋友圈也是基于笔者开发的cms搭建的,我将仿照微信朋友圈,带大家一起开发一个能发布动态(包括图片上传)的朋友圈应用.有关服务端部分笔者在本文中不会细讲,如果感兴趣的朋友 ...

  6. vue3头像上传组件

    用到了自定义组件v-model的双向绑定 使用input的type=file这个原生html元素,通过监听change事件,获取到选择的文件(注意,选择完文件值后,要把这个隐藏的input的type= ...

  7. 基于react/vue开发一个专属于程序员的朋友圈应用

    前言 今天本来想开源自己写的CMS应用的,但是由于五一期间笔者的mac电脑突然崩溃了,所有数据无法恢复,导致部分代码丢失,但庆幸的是cms的打包文件已上传服务器,感兴趣的朋友可以在文末链接中访问查看. ...

  8. react antd confirm content list_基于react/vue开发一个专属于程序员的朋友圈应用

    前言 今天本来想开源自己写的 CMS应用的,但是由于五一期间笔者的 mac电脑突然崩溃了,所有数据无法恢复,导致部分代码丢失,但庆幸的是 cms的打包文件已上传服务器,感兴趣的朋友可以在文末链接中访问 ...

  9. vue上传文件到php,vue+axios+php如何实现上传文件功能?,formdata上传文件附加参数...

    vue+axios+php如何实现上传文件功能?Vue Axios PHP如何实现上传文件的功能?, 推荐:<PHP视频教程> 当我们提交表单时,我们经常会遇到一些表单提交要求.vue的a ...

  10. Vue使用axios,设置axios请求格式为form-data

    Vue使用axios,设置axios请求格式为form-data 这个老生常谈了,还是先记录一遍,方面后面自己查. !!! 设置form-data请求格式直接翻到后面看. 1. 安装axios 在项目 ...

最新文章

  1. 工程师姓什么很重要!别再叫我“X工”!!!
  2. java ear war_[JAVA语法]怎样制作ear,war文件
  3. (chap1 网络基础知识)网络的构成要素:(4-6)集线器和3层交换机
  4. [译] 关于Angular的变更检测(Change Detection)你需要知道这些
  5. java多线程优先级的方法_Java多线程以及线程优先级
  6. 树莓派安装ArchLinux
  7. 历史回顾——NLP问题解决方案的演变史
  8. 投稿过程要不要考虑预印本?——medRxiv那些事
  9. CSS的七种基本选择器及其权值
  10. 目标检测工具安装使用--labelImg
  11. js 修改html编码,Javascript 中对HTML编码和解码的方法
  12. 【论文笔记】Don’t Stop Pretraining: Adapt Language Models to Domains and Tasks
  13. 二进制、八进制、十六进制的转换
  14. php 字符串转 buffer,ArrayBuffer与字符串的互相转换
  15. Android Design in Action — 以微信为例
  16. grub4dos puppy linux,Grub2引导硬盘上的puppy linux的问题
  17. 1个顶11个?程序员效率差距的量化分析
  18. 爬虫-基于requests模块xpath解析爬取豆瓣即将上映电影目录
  19. vs2010 DX 环境配置
  20. 我从大学开始写博客,如何写一篇技术博客,谈谈我的看法!

热门文章

  1. 【问题记录】mysql设置任意ip访问
  2. 利用反射实现工厂模式
  3. rowStyle设置Bootstrap Table行样式
  4. thinkphp遗留问题
  5. Mysql 如何做双机热备和负载均衡 (方法一)
  6. Reverse Interger
  7. pojCashier Employment
  8. iPhone开发 No IB UITextField 设置圆角
  9. Eclipse使用问题
  10. GGally与pairs相关关系图_史上最全(一)