zoukankan      html  css  js  c++  java
  • vue中使用formdata上传文件

    再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);
                })
    希望自己写的东西能够对大家有所帮助!谢谢
  • 相关阅读:
    Android读写SD卡
    如何用c语言调用c++做成的动态链接库
    css3 翻转和旋转的区别
    若干道Swift面试题
    可控制导航下拉方向的jQuery下拉菜单代码
    Mysql主从备份和SQL语句的备份
    .net 读书笔记
    .NET框架体系结构
    原则干货存起来
    【转】php和java之间rsa加密互通
  • 原文地址:https://www.cnblogs.com/mrxinxin/p/11527511.html
Copyright © 2011-2022 走看看