vue2 上传图片,使用axios发送FormData 格式数据,参数为空

最近在用vue2 做项目的时候碰到一个简单的上传图片功能,用的是axios ,用FromData 发送数据,但是发现参数从事穿不过去。

在这里插入图片描述
但是console.log 文件的时候明明是有的, 就算是设置 axios 的header

headers:{
'Content-Type':'multipart/form-data'
}

还是不管用。而且还设置不上去,我信了你的邪哦,经过一番百度总算找到了答案,
是需要设置 withCredentials:true , 表示跨域请求时是否需要使用凭证. 默认为false
完整代码如下

     authen(event) {
         event.preventDefault();
  
        let formData = new FormData();  
         formData.append('fileUpload1',this.files);  
         formData.append('fileUpload2',this.files2);  
         formData.append('fileUpload3',this.files3); 
         formData.append('uid',this.userID);
         formData.append('name',this.name);
		
		// 创建一个空的axios 对象
        const instance=axios.create({
          withCredentials: true      // 如果发送请求的时候需要带上token 验证之类的也可以写在这个对象里
         }) 
              
        instance.post('http://pay.m6zf.com/index.php?s=/api/user/approved.html',formData).then(res=>{
           
                if(res.code == 200){
                    alert('提交成功');
                     this.$router.push({ path: "/Profit" });

                }else{
                    alert("请输入完整再提交");
                }

            })    
     }

在这里插入图片描述
然后在请求就有数据了。

  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值