hysql.org技术站
当前位置:首页 > JavaScript > 正文

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

07-07 JavaScript

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

您可能感兴趣的文章:

  • Vue axios 中提交表单数据(含上传文件)
  • vue axios 表单提交上传图片的实例
  • vue项目中使用axios上传图片等文件操作
  • 详解Vue用axios发送post请求自动set cookie
  • 解决vue处理axios post请求传参的问题

相关拓展:麦客CRM软件介绍

麦客CRM是一款免费用来对企业用户信息进行收集管理和维护以及拓展新用户的轻态表单工具,它简洁的风格不止体现在其网页的设计上;比如说想要让用户通过移动端进行数据的统计,那么只需要在线生成一个二维码即可轻松完成这一切操作。作为一款免费的表单产品,其大多数的功能是市面上其他表单产品都具备并可能进行收费的功能,并且承诺对非定制企业实施永久免费政策,具体政策内容详见《麦客CRM服务条款》。

麦客CRM目前为BETA版,后续将持续更新,并在其官网上进行说明。

版权保护: 本文由 首页 原创,转载请保留链接: http://www.hysql.org/js/6914.html

友情推荐:股票配资 股票配资平台 股票配资门户 网页制作