【Java】HTMLのfileタグの画像を別ページでプレビュー表示させたい

やりたいこと

画像をHTMLのfileタグで挿入をします。
その画像をenctype="multipart/form-data"にてPostして、
PlayFrameworkのControllerで受け取ります。
それを新しいHTMLのページで表示をさせたいです。

環境

Java8
PlayFramework 2.4

現状

下記のコードで画像をFilePart形式で受け取ることはできます。

MultipartFormData multipartFormData = request().body().asMultipartFormData();

FilePart image = multipartFormData.getFile("image");

それをS3にアップロードして、CloudFront経由でダウンロードして表示させることは可能なのですが、
わざわざアップロードするのは容量・速度的によろしくないと思うので、
どうにかJavaから何かしらの形でHTMLへデータを渡して画像を表示させたいです。

どなたか、方法をご教授ください。
宜しく御願い致します。

行動規範の内容に同意します

回答1件

リクエストで受け取った画像ファイルをbase64エンコーディングして、レスポンスとして返すHTMLに含めるという方法はどうでしょうか。

java
1
2package controllers;
3
4import java.io.File;
5import java.io.IOException;
6import java.nio.file.Files;
7import java.nio.file.Paths;
8import java.util.Base64;
9
10import play.mvc.Controller;
11import play.mvc.Http.MultipartFormData;
12import play.mvc.Http.MultipartFormData.FilePart;
13import play.mvc.Result;
14
15/**
16 * This controller contains an action to handle HTTP requests
17 * to the application's home page.
18 */
19public class HomeController extends Controller {
20
21    public Result upload() throws IOException {
22        MultipartFormData multipartFormData = request().body().asMultipartFormData();
23        FilePart<File> image = multipartFormData.getFile("picture");
24        // アップロードされたファイルをbyte配列に変換する
25        byte[] bytes = Files.readAllBytes(Paths.get(image.getFile().getAbsolutePath()));
26        // byte配列をbase64に変換する
27        String base64 = Base64.getEncoder().encodeToString(bytes);
28        // imgタグのsrcにurlスキームdataを用いてbase64で出力する
29        return ok(String.format("<html><body><img src='data:%s;base64,%s' /></body></html>", image.getContentType(), base64))
30                .as("text/html; charset=iso-8859-1");
31    }
32}