首页 > Web开发 > 详细

vue中使用formdata上传文件

时间:2019-09-16 16:19:13      阅读:101      评论:0      收藏:0      [点我收藏+]

再vue中使用文件上传功能;本来就是一个很小的东西;如果再使用网上的组件的话就会很浪费,

但是再使用formdata上传文件的时候就会出现错误;如果formdata中 的append方法,把需要的字段和文件合并再一起,后台就无法获取到文件之外其他的字段;导致上传失败;

解决方法:formdata只保存文件;不append其他的参数;其他的参数后缀到url地址后方;这样就可以避免这个问题

例如:

 var formData=new FormData();
 formData.append(image,files[0]);
            formData.append(act,"upload_file");
            capis.upLoadImgs(formData,header).then(data=>{
                if(data.status==success){
                    this.upLoadImgsList.push(data.res[1]);
                    if(this.subParms.attachments.length!=0){
                        this.subParms.attachments=this.subParms.attachments.split(,);
                    }
                    this.subParms.attachments.push(data.res[0]);
                    this.subParms.attachments= this.subParms.attachments.join(,);
                    this.$vux.toast.show({
                        text: 上传成功!,
                        type:success
                    })
                    
                }else{
                    this.$vux.toast.show({
                        text: 上传失败,请重试!,
                        type:warn
                    })
                }
            }).catch(err=>{
                console.log(fail:+err);
            })

 

vue中使用formdata上传文件

原文:https://www.cnblogs.com/mrxinxin/p/11527511.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!