アップロードウェブを提出する必要があり、それはいくつかのステップが必要ですか?
A:三段
ステップ1:ラベルファイルのアップロードを作成します。
<input type = "ファイル" ID = "fileExport" @変更= "handleFileChange" REF = "inputer">
それはVUEにあるので、ノードを取得考慮して、プロパティへのアクセスを容易にし、ラベルにイベントを追加し、タグ付けするREFを追加
ステップ2:変更イベント
handleFileChange(E){
。inputDOM =この$のrefs.inputerてみましょう。
this.file = inputDOM.files [0]; DOMを取ることによって、//データファイル
サイズ= Math.floor(this.file.size / 1024)を聞かせ; //ファイルのサイズを計算
=新しい新しいいるFormData this.formData();
//新しい新しいFORMDATAイベント
this.formData.append( "ファイル"、this.file); //にFORMDATAへのファイルの属性を追加します
//この時点で、我々はFORMDATAたい舞台裏パスパラメータであります
}
ステップ3:アップロードFORMDATA
この。$ HTTP({
URL:this.HOST + api.upload、
データ:FORMDATA、//ここにファイルをアップロード
方法:「ポスト」、
ヘッダー:{
「Content-Typeの」:「マルチパート/フォームデータは、」//これは、変更要求のヘッダーについて行わなければならないことは注目に値します
}
})。次に、(関数(RES){
console.log(RESは、「ここで成功したコールバックを要求しなければなりません」)
} .catch(関数(REQ){
console.log(REQは、「コールバック要求が失敗し、なぜ失敗自分の目で確かめてください」)
})
})