このブログを参照してください。1.、私は次の知識ベースを持っていると思ってい
VUEルート、クロスドメインリクエスト、springboot2.X、HTMLは、アップロードコンポーネントについて詳細にelementUI公式サイトを読みました。
2. ADOは、直接詳細を説明します。アイデアとwebstorm建てVUE工学のバックグラウンドを使用して、受信
制御層を書くこと
レセプション：私は、私は新しいUpload.vueファイルを直接サンプルelementUI公式サイトをコピーして入れました。
エル・ボタンのスタイル=「マージン左：10pxの;」サイズ= "小さな" タイプ= "成功" @ = "submitUpload">上传到服务器</エル・ボタンをクリックしてください>
<DIVスロット= "先端"クラス= "エル・upload__tip">只能上传JPG / PNG文件、且不超过の500キロバイト</ DIV>
</ EL-アップロード>
</ div>
</テンプレート>
<スクリプト>
輸出デフォルト{
名： "アップロード"、
データ（）{
リターン{
のfileList：[]
}。
}、
メソッド：{
submitUpload（イベント）{
event.preventDefault（）;
。この$のrefs.upload.submit（）;
}、
changemeを（ファイルのfileList）{
this.fileList =のfileList。
}、
handleRemove（ファイル、のfileList）{
にconsole.log（ファイル、のfileList）。
}、
handlePreview（ファイル）{
にconsole.log（ファイル）。
}
}
}
</ SCRIPT>
<スタイルは、スコープ>
</スタイル>
=================================== ================================================== =================================
アクション=「/データ/アップロード」実際のRequestMapping書き込み背景、私は全体を書いていない理由によると、理由は以下の絵、リクエストが自動的に完全なアドレスはhttp：// localhost：8080 /データ/アップロード
：-変化に=「changemeを」は、これを制御しませんが、私自身のテストである
名前は任意の、バックエンドのデータ受信するためには=「ファイル」名
コンフィギュレーション・フロントエンドのルートを、どのように背景を要求します
次のようにバックエンド・コードは次のとおり
あなたが受け取ることができるようにフロントデスクでは、ファイルが来ました。メッセージの場合
春ブーツ：フィールドファイルが1048576バイトのその最大許容サイズを超えています。
参照することができますhttps://blog.csdn.net/u010429286/article/details/54381705を
あなたが正常にアップロードできた場合には、デバッグウィンドウの内容が表示されます
很多网上使用设置headers为mutipart/form-data，在此我重申一下，没有必要。elementUI已经封装加工过了。比用再多此一举去设置。
你如果设置了，你会报错boundry什么，我忘记了。所以说不用去设置。