データベースにバイナリデータで保存した画像をjspで出力したい

Question

データベースに保存してある画像のバイナリデータをjspで表示させたいのですが、うまくいきません。バイナリデータはInputStream型？で保存し、そのままDaoでデータベースから抽出→サーブレット→jspに渡しています。最後の表示がうまくいきません。

画像のアップロードと保存形式
Part filePart = request.getPart("image");　//これで画像を取得
InputStream is = filePart.getInputStream();
mDto.setInputStream(is);　　//Dtoに格納
//BLOB型のカラムにisのままデータベースに保存

Show.jsp
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
<%

	for(int i = 0; i<dtoList.size(); i++){
		String userName = dtoList.get(i).getUserName();
		String message = dtoList.get(i).getMessage();
		Timestamp time = dtoList.get(i).getTime();
		InputStream is = dtoList.get(i).getInputStream();
%>
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　　　　 <div class="username_box">
　　　　　　<p class="username"> <%=userName%></p>
	</div>
	<%if(is !=null){ %>
		<img src="data:image/jpeg;base64,<%=is%>">
	<%} %>
	<div class="message_box">
		<p class="message"> <%=message%></p>
	</div>
	<div class="created_at_box">
		<p class="created_at"> <%=time%></p>
	</div>
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

Comments

[m.ts10806]

回答はしていますが「うまくいかない」が伝える情報量はほぼ０なので起きている現象や問題、エラーなどを具体的にそのまま記載してください

Answer 1

htmlに表記できるのは文字列なのでInputStreamそのまま出力はできません。
コードでは/jpeg;base64とされていますのでInputStreamをbase64形式に変換すると良いです。

Comments

[leeev]

回答ありがとうございます。
m.ts10806さんの仰るようにinputStrem型の変数をBase64の文字列に変換する処理を加えたところ画像が表示されました。
本当に助かりました。ありがとうございます。

[m.ts10806]

おそらく、それぞれの意味をきちんと把握したうえで使うようにすると、
問題なく進められると思います。

Answer 2

ここらへんを使うとうまく出せるかと思います。

クラスパス上にあるPNGファイルをBASE64形式で取得する

これを応用して、例えば以下のようなstaticメソッドを作成して、JSPから呼び出すのでもできそうです。

import java.awt.image.BufferedImage;
import java.io.BufferedOutputStream;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.util.Base64;

import javax.imageio.ImageIO;

public class InputStreamConverter {
	public static String toBase64(InputStream inputStream) throws IOException {
		ByteArrayOutputStream baos = new ByteArrayOutputStream();
		BufferedOutputStream bos = new BufferedOutputStream(baos);

		BufferedImage bufferedImage = ImageIO.read(inputStream);
		ImageIO.write(bufferedImage, "png", bos);
		bos.flush();
		bos.close();

		byte[] bImage = baos.toByteArray();

		// バイト配列→BASE64へ変換する
		byte[] encoded = Base64.getEncoder().encode(bImage);
		return new String(encoded);
	}
}

Comments

[leeev]

回答ありがとうございます。
base64に変換する処理を具体的に教えてくださって感謝しています。
良ければ質問させていただきたいのですが、DBに画像をInputStream型で保存するのと、InputStream型をbyte[]型に変換したもの、あるいはさらに変換したbyte[]をBase64形式の文字列としてDBに保存するのはどれが最適解なのでしょうか。

[A-pZ]

InputStream型→Javaのオブジェクトをシリアライズして格納するよりは、byte[]配列に変換した画像データを格納する方がデータのサイズは小さくなります。
BASE64の場合は文字列になるので格納や出力部分の実装が簡単ですが、データ長は増えます。

画像ファイルサイズの大きさや、入出力の回数にあわせて決めるのもあるかと思います。