Vueの実装ファイルのアップロード

  アップロードウェブを提出する必要があり、それはいくつかのステップが必要ですか?

  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は、「コールバック要求が失敗し、なぜ失敗自分の目で確かめてください」)
    })
})
  
 
  

おすすめ

転載: www.cnblogs.com/-moon/p/11375123.html
おすすめ