VUEはFORMDATAアップロードファイルを使用しました

Vueが、ファイルのアップロード機能を使用しています。もともと小さなこと、私たちは、オンラインコンポーネントを使用している場合、彼らは無駄になり、

しかし、その後エラーが発生したときFORMDATAを使用してファイルをアップロードし、appendメソッドのFORMDATAは、必要なフィールドは、その後、一緒にファイルをマージするならば、あなたはファイルの外部の他のフィールドに戻って取得することはできません。アップロードに失敗したため。

ファイルを保存するだけFORMDATA、他のパラメータを追加していない、リアURLアドレスに他のパラメータの接尾辞;あなたはこの問題を回避することができるように:ソリューション

例えば:

 VAR FORMDATA = 新しいいるFormData(); 
 formData.append(' 画像'、ファイル[ 0 ])。
            formData.append(' 行為'" upload_file " ); 
            capis.upLoadImgs(FORMDATA、ヘッダ).then(データ => {
                 場合(data.status == ' 成功' ){
                     この .upLoadImgsList.push(data.res [ 1 ]);
                     場合この .subParms.attachments.length != 0){
                         この .subParms.attachments = この .subParms.attachments.split(' ' )。
                    } この .subParms.attachments.push(data.res [ 0 ])。
                    この .subParms.attachments = この .subParms.attachments.join(' ' )。
                    この。$のvux.toast.show({ 
                        テキスト:' !成功上传' 
                        種類:' 成功' 
                    })
                }
                    
                    他の{
                     この$ vux.toast.show。({ 
                        テキスト:'!アップロードもう一度試してください' 
                        種類:' 警告' 
                    })
                } 
            })。キャッチ(ERR => { 
                はconsole.log(' 失敗:' + ERR); 
            })

 

おすすめ

転載: www.cnblogs.com/mrxinxin/p/11527511.html