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