Vue フォームのポストリクエストとサーブレットを組み合わせてファイルアップロード機能を実現する

<テンプレート>
 <div>
  <input type="file" name="file" @change="change($event)">
 </div>
</テンプレート>
<スクリプト>
 エクスポートデフォルト{
  作成された(){
   this.path = this.$route.query;
   for (let i in this.path) {
    this[i] = decodeURIComponent(this.path[i]);
   }
  },
  方法:{
   変更(ev){
    ファイルをev.target.files[0]とします。
    size = file.size とします。
    name = file.name;とします。
    サイズが314572800より大きい場合
     this.$message.warning('アップロードされたファイルは300MBを超えることはできません');
     戻る;
    }
    formData を新しい FormData() にします。
    formData.append('ファイル',ファイル,名前)
    this.$axios.post('/JT3'+this.getddRecordDelete,formData,{
     ヘッダー:{"Content-Type":"multipart/form-data"}
    }）。次に(データ=>{
     コンソールにログ出力します。
    })
   }
  }
 }
</スクリプト>
<スタイルスコープ>
</スタイル>

パッケージ jt3.control.zygkh;
java.io.File をインポートします。
java.io.FileOutputStream をインポートします。
java.io.IOException をインポートします。
java.io.InputStream をインポートします。
java.util.List をインポートします。
javax.servlet.ServletException をインポートします。
javax.servlet.annotation.WebServlet をインポートします。
javax.servlet.http.HttpServlet をインポートします。
javax.servlet.http.HttpServletRequest をインポートします。
javax.servlet.http.HttpServletResponse をインポートします。
org.apache.commons.fileupload.FileItem をインポートします。 
org.apache.commons.fileupload.FileUploadException をインポートします。 
org.apache.commons.fileupload.disk.DiskFileItemFactory をインポートします。 
org.apache.commons.fileupload.servlet.ServletFileUpload をインポートします。
jtacc.filter.JTKit をインポートします。
jtacc.jtpub.DT をインポートします。 
@WebServlet(urlPatterns = "/upfile/file") 
パブリッククラスUploadServletはHttpServletを拡張します{
	プライベート静的最終long serialVersionUID = 1L;
	protected void doGet(HttpServletRequest リクエスト、HttpServletResponse レスポンス) は ServletException、IOException をスローします {
		システム.out.println(11);
		this.doPost(リクエスト、レスポンス);
 }
 保護された void doPost(HttpServletRequest リクエスト、HttpServletResponse レスポンス) は ServletException、IOException をスローします {
 	String uri="/u/file/"+DT.getFormatDate("yyyyMMdd")+"/"; // パスを定義します String tmpPath=JTKit.getBaseDIR()+uri; // これは個人プロジェクト パスです。必要に応じてパスを定義します DiskFileItemFactory factory = new DiskFileItemFactory();
		factory.setRepository(new File(tmpPath));//一時ファイル保存パス ServletFileUpload fileUpload = new ServletFileUpload(factory);//コア操作オブジェクト fileUpload.setHeaderEncoding("utf-8");//文字化け防止コード try {
			// リアルタイムで変換を強制したい場合は、jar パッケージ (commons-fileupload-1.3.3.jar) をダウンロードする必要があります。
			リスト<FileItem> リスト = fileUpload.parseRequest(request);
			for (FileItem ファイルアイテム: リスト) {
				入力ストリーム in = fileItem.getInputStream();
				文字列ファイル名 = fileItem.getName();
				ファイルアイテムが null の場合
					System.out.println(ファイル名);
					長さ = 0;
					byte[]配列 = 新しいbyte[1024];
					FileOutputStream fos = 新しい FileOutputStream(tmpPath+ファイル名);
					while((len = in.read(array))!=-1){// fos.write(array,0,len); ごとに最大 1024 バイトを読み取ることができることを示します。
						fos.flush();
					}
					fos.close();
					in.close();
					ファイルアイテムを削除します。
					レスポンス.setCharacterEncoding("UTF-8");
					文字列 realPath = uri+ファイル名;
					レスポンス.getWriter().append(realPath);
				}
			}
		} キャッチ (FileUploadException e) {
			// TODO 自動生成されたキャッチブロック
			e.printStackTrace();
		}
 }
 
}

保護された void doPost(HttpServletRequest リクエスト、HttpServletResponse レスポンス) は ServletException、IOException をスローします {
}

リクエスト.setCharacterEncoding("utf-8");

文字列 username = request.getParameter("username");

文字列[] お気に入り = request.getParameterValues("お気に入り");