2017-09-08 9 views
1

私は画像をアップロードするだけのフォームと、この画像をファイルシステムに保存するコントローラを持っています。 このコントローラは、ページをリロードするモデルとビューを返します。 次に、この画像をファイルシステムから読み込むimgタグがあります。このLikw:私はページを更新したらフォームの送信後にSpring Webアプリケーションのdivをリフレッシュするにはどうすればいいですか?

@RequestMapping(value = "/user/{pictureNumber}") 
@ResponseBody 
public byte[] getImage(@PathVariable(value = "pictureNumber") String userId) throws IOException { 
    File directory= new File("..path"+pictureNumber); 
    return Files.readAllBytes(directory); 
} 

が、それはその後、ロードされた画像を示しています

<form method="POST" th:action="@{/user}" enctype="multipart/form-data" role="form"> 
    <input type="file" name="file" onchange="this.form.submit()" /> 
    <img th:src="@{/user/{pictureNumber}(pictureNumber=${Id})}"/> 
</form> 

そして、これは絵を返しコントローラです。 画像が保存されたら、フォーム提出後にどうすればいいですか? imgタグが現在リロードされているdivが更新されずに表示されます。

+0

は、AJAXについてかかわらず、あなたをお持ちですか? – holmis83

答えて

1

あなたは、フォーム送信後にページをリロードしようとすることができます:

<form method="POST" th:action="@{/user}" enctype="multipart/form-data" role="form"> 
    <input type="file" name="file" onchange="this.form.submit(); location.reload();" /> 
    <img th:src="@{/user/{pictureNumber}(pictureNumber=${Id})}"/> 
</form> 
関連する問題