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);
            })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM