Spring Boot バリデーションによる入力エラー発生後にMultipartFileの値が保持できない

Question

前提

Spring Bootで画像ファイルのアップロードを含めた登録画面を作成しています。
FormクラスにMultipartFileの項目を用意し、アップロード用の値を保持しており、
登録処理を実行した際に、画像ファイルが選択されていたらサーバーへファイルをアップロードしています。

アップロードしたい画像を選択した状態で登録を実行し、何らかの項目でバリデーションによる
入力エラーが発生した際、エラーを直して再度登録を実行すると選択していた画像のFormクラスの
MultipartFileの値が保持できません。

実現したいこと

バリデーションによるエラー発生後もFormクラスのMultipartFileの値を保持したい。

該当のソースコード

	・
	・
	・

<form th:action="@{/edit/}" th:object="${EditForm}" method="post" enctype="multipart/form-data" id="editForm">

	<button type="submit" class="" name="register" >Register</button>

	<th>Attached File</th>
		<td>
			<label>
			<input type="file" style="display: none;" th:field="*{attachedFile}" tabindex="135"></input>
			<input type="text" maxlength="200" class="name80" readonly="readonly" th:field="*{attachFileNm}" th:errorclass="error-input" tabindex="136" />
			<button type="button" id="attachFileRef" tabindex="137">Select</button>
			</label>
		</td>

	・
	・
	・

</form>

@Data
@EqualsAndHashCode(callSuper=true)
public class EditForm extends BaseEditForm implements Serializable {

	@UploadFileNotEmpty(message="{E0078}")
	@UploadFileMaxSize(value=1024 * 1024 * 30, message="{E0079}", size="30MB")
	@FieldOrder(850)
	private MultipartFile attachedFile;

	private String attachFileNm;

}

@Controller
public class EditController {

	/**
	 * register（新規登録）
	 */
	@RequestMapping(value = "edit", params = "register", method = RequestMethod.POST)
	public String register(
			@ModelAttribute(value = "EditForm") @Validated EditForm editForm,
			BindingResult bindingResult,
			Model model) {
		
		// チェック処理
		if (bindingResult.hasErrors()) {
			return "Edit";
		}

		// チェック処理でエラー発生後、もう一度登録し直すと以下の値が取れなくなっている
		editForm.getAttachedFile();

		// 以降、データの登録処理
		・
		・
		・

}

試したこと

Controllerクラスにてバリデーションによるエラーが無かった場合はFormの「attachedFile」の
値が正しく取得できており、画像のアップロードができているのですが、バリデーションによる
エラーが発生し、そのままもう一度登録を行うと、「attachedFile」の値が取れなくなります。

HTMLに「th:field="*{attachedFile}"」をhiddenで保持するようにしてみましたが、結果は同じでした。

上記のような状態で「attachedFile」の値を保持する方法があればご教示いただけませんでしょうか。

補足情報（FW/ツールのバージョンなど）

開発環境：Spring Boot 2.5.5 + Thymeleaf + Mybatis
Java(JDK)：Java11

Answer 1

「できない仕様になっている」です。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/file
「注」の項を抜粋

1.スクリプトからファイル選択ダイアログの値を設定することはできません。 — 以下のようにしても効果はありません。
const input = document.querySelector("input[type=file]");
input.value = "foo";
2. <input type="file"> を使用してファイルが選択された場合、セキュリティ上の理由から、元のファイルへの実際のパスが value 属性上では見えないようになっています。その代わりに、ファイル名の先頭に C:\fakepath\ を追加したものが表示されます。この処置にはいくつかの経緯上の理由がありますが、すべての最新のブラウザーで対応されており、実際に仕様書で定義されています。

JavaScript上でチェックしたとしても、バリデーションエラー時には空にしておいたほうが良いです。
つまり、「毎回ユーザの意思で選択する」ものです。

Comments

[fu-mitsu8]

早々にご回答いただきありがとうございます。
「できない仕様になっている」ということで理解できました。

JavaScript上でのチェックではなく、登録処理とは別でファイルをアップロードする機能を
実装する方向で検討してみます。

Answer 2

昔から言われていますが画面の再描写が発生する場合、無理です。
https://atmarkit.itmedia.co.jp/bbs/phpBB/viewtopic.php?topic=1854&forum=7

入力チェックをajax等、非同期通信で行うなど
画面の再描写が発生しないように実施する必要があります。

Comments

[fu-mitsu8]

早々にご回答いただきありがとうございます。
大変参考になりました。

既存のチェック処理の量や複雑さから、非同期での処理に今から変更するのは困難なため
サイトに記載されているような「メッセージでその旨を伝える」といった対応にするか
ファイルのアップロード処理だけを個別に実施できるような機能に変更するか検討したいと思います。