Servlet & Jsp で Mysql に画像を保存したい

Question

前提・実現したいこと

表題の通りで
「Servlet & Jsp のMVCモデルで Mysql に画像を保存したい」

のですが、うまくいきません。

例外から、getParameter()でフォームの情報を取得して、File型のオブジェクトを生成する時点で、Nullが発覚しているということは、パラメターで取得したStringから、File型にnewするコードが間違っているのでしょうか？
画像の大きさとも考えにくいですし...

格納したい画像はデスクトップに保存している画像で、フォームでFinderから選択しています。
コードはネットで検索したものを書き換えたものですので、
私に非があるのは間違い無いのですが、
何処に問題があるのか、分からなくなってしまいました。

###発生している例外
500 Internal Server Error
タイプ 例外報告

説明 サーバーは予期しない条件に遭遇しました。それはリクエストの実行を妨げます。

例外

java.lang.NullPointerException
java.base/java.io.File.<init>(File.java:276)
servlet.InsertPhoto.doPost(InsertPhoto.java:42)
javax.servlet.http.HttpServlet.service(HttpServlet.java:660)
javax.servlet.http.HttpServlet.service(HttpServlet.java:741)
org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53)
filter.Filter.doFilter(Filter.java:25)
注意 原因のすべてのスタックトレースは、サーバのログに記録されています

該当のソースコード

package servlet;

import java.io.File;
import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import model.InsertPhotoLogic;

@WebServlet("/InsertPhoto")
public class InsertPhoto extends HttpServlet {
	private static final long serialVersionUID = 1L;

    public InsertPhoto() {
        super();
    }

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		String path="/WEB-INF/jsp/fileinput.jsp";

		RequestDispatcher dsp=request.getRequestDispatcher(path);
		dsp.forward(request, response);

		response.getWriter().append("Served at: ").append(request.getContextPath());
	}


	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		String title=request.getParameter("title");
		String str=request.getParameter("file");

		File file=new File(str);
		InsertPhotoLogic plogic=new InsertPhotoLogic();
		plogic.execute(title,file);

		RequestDispatcher dsp=request.getRequestDispatcher("/WEB-INF/jsp/result.jsp");
		dsp.forward(request, response);

		doGet(request, response);
	}

}

以下servletの変更した部分です

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		String title=request.getParameter("title");
		Part part=request.getPart("data");
		String name=part.getSubmittedFileName();

		File file=new File(name);
		InsertPhotoLogic plogic=new InsertPhotoLogic();
		plogic.execute(title,file);

		RequestDispatcher dsp=request.getRequestDispatcher("/WEB-INF/jsp/result.jsp");
		dsp.forward(request, response);

		doGet(request, response);
	}

}

package dao;

import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.SQLException;

public class InsertPhotoDAO {
	private final String DRIVER="com.mysql.jdbc.Driver";
	private final String JDBC_URL="jdbc:mysql://localhost/Practice_MVC";
	private final String DB_USER="root";
	private final String DB_PASS="";

	public void insertPhotos(String title,File f) throws FileNotFoundException {
		File file=new File(f.getName());
	    PreparedStatement ps = null;

	    try{
			Class.forName(DRIVER);
			Connection conn=DriverManager.getConnection(JDBC_URL, DB_USER, DB_PASS);
			String sql ="insert into blob_test(title, file_name, data) values (?, ?, ?)";

			conn.setAutoCommit(false);
		    ps = conn.prepareStatement(sql);
		    ps.setString(1, title);
		    ps.setString(2, f.getName());
		    ps.setBinaryStream(3, new FileInputStream(file),(int)file.length());
		    ps.executeUpdate();

		    conn.commit();
		    conn.close();

		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		} catch (SQLException e) {
			e.printStackTrace();
		}
	}

}

package model;

import java.io.File;
import java.io.IOException;
import dao.InsertPhotoDAO;

public class InsertPhotoLogic{

	public void execute(String title,File file) throws IOException{
		InsertPhotoDAO dao=new InsertPhotoDAO();
		dao.insertPhotos(title,file);
	}
}

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<FORM ACTION ="/test/InsertPhoto" METHOD="post" ENCTYPE="MULTIPART/FORM-DATA">
TITLE<INPUT TYPE="text" NAME="title"><BR>
DATA<INPUT TYPE="file" NAME="data"><BR>
<INPUT TYPE="submit">
</FORM>
</body>
</html>

試したこと

https://www.atmarkit.co.jp/ait/articles/0312/16/news002.html
http://d.hatena.ne.jp/hidepon_mory/20070210/1206341433
https://www.studentstutorial.com/java-project/insert-image-in-jsp-servlet.php
...etc

などを参考にさせて頂きました。
他にもいろいろ拝見しましたが、jspのみ、servletのみ、OSの環境が異なるものなどが多かったため、
おそらく、変更すべきところをしていない、などの初歩的なミスで動かなくなったのだと思いますが、それを突き止めるに至っておりません。

どうぞよろしくお願いいたします。

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

IDE:Eclipse
Version: 2019-03 (4.11.0)
Mysql:
8.0.16 for osx10.14 on x86_64
OS:Mac OS Mojave
10.14.4（18E226）

Answer 1

HTML(ないしはJSPなど)からJavaのWebアプリケーションへファイルをアップロードする場合は、「サーブレットにアップロード用の設定である MuiliPartConfig」が必要です。

以下は、単一のアップロードファイルを受け取るサーブレット仕様3.0以降の例です。

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;

/**
 * Servlet implementation class UploadServlet
 */
@WebServlet("/UploadServlet")
@MultipartConfig(location = "/test")
public class UploadServlet extends HttpServlet {
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        Part part = request.getPart("filename");
        String name = this.getFileName(part);

        String uploadDir = getServletContext().getRealPath("/upload");
        part.write(uploadDir + "/" + name);
            response.sendRedirect("upload.jsp");
	}

	private String getFileName(Part part) {
        String name = null;
        for (String dispotion : part.getHeader("Content-Disposition").split(";")) {
            if (dispotion.trim().startsWith("filename")) {
                name = dispotion.substring(dispotion.indexOf("=") + 1).replace("\"", "").trim();
                name = name.substring(name.lastIndexOf("\") + 1);
                break;
            }
        }
        return name;
    }
}

アップロードするファイルを filename で送信するJSPを念のため。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="UploadServlet" enctype="multipart/form-data" method="post">
画像：
<input type="file" name="filename"/><br>
<input type="submit" value="送信">
</form>
</body>
</html>

サーブレットのみでアップロードを実現すると、このようにやや複雑な実装になってしまうため、Commons-upload https://commons.apache.org/proper/commons-fileupload/using.html を利用する手もあります。

https://www.google.com/search?q=Servlet3.0+%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89&oq=Servlet3.0+%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89&aqs=chrome..69i57.4252j0j7&sourceid=chrome&ie=UTF-8

Comments

[退会済みユーザー]

ご回答ありがとうございます。

ご教示の通り＠MuiliPartConfig を追記し情報取得はできているようですが、
依然同じ例外が出ます。
おそらく、他にpathを取得しているあたりで、問題があるのだろうと思いあたりました。
アノテーションを加えるだけだは、同じ状況だった為、
今回頂いたソースコードを参考に、フォームから取得したファイル情報を

・getParameter()で取得
　　→ java.io.のFileインスタンス生成
　　→DAOで、FileからFileInputStreamに変えて
　　　PreparedStatementのsetBynaryStream()

という流れから、前半を
・getPart()で取得　
　→String
　→File型

に変えて実行すると、例外のメッセージに

”img-landscape-200x300.jpg (No such file or directory)”

が表示されるようになりました。

載せているソースコードでは部分的ですが、実は、
投稿サイトのようなアプリケーションの中で使用したく、
フォームから取得する情報は、クライアントを想定してます。

初心者すぎる質問で恐縮ですが、
この場合、
・フルパスを取得してクライアントのディレクトリへ画像ファイル」を取りに行くのではなく、
　(逆に自身のディレクトリからの場合は、この順序になるのでしょうか？)
・「サーバにUploadされた画像ファイル」を取得する
という見解で正しいのでしょうか。

もし、そうであれば、
・input で取得できる情報の範囲・型
(自分の認識では、ファイル・ディレクトリ名) と、それに対し、
DBにinsertするために必要な情報は何なのか。
又、その情報はどのような流れで取得すべきか。

・servlet&jsp <-> db 間で画像ファイルを扱う場合、
　Blob型に変換するまでの流れはどのようになっているのか。

が分かればできる気がするのですが、
調べてみたもののパスや型変換のあたりが混乱していることで、
最適な方法が分からなくなっています。

最終的に、DBから画像を取得して、ブラウザに表示できるようにするまでに
必要な情報(元)をいただければ幸いです。

初心者の意味のわからない質問で申し訳ありませんが、
どうぞよろしくお願いいたします。

[A-pZ]

はい、サーバから直接クライアントのファイル情報は取得できませんので、formから送信されたファイル情報とファイルそのものをサーバで扱います。実際にアップロードされたファイルは、part.write(uploadDir + "/" + name); で指定したディレクトリに配置されます。
アップロードされたディレクトリのフルパスを指定してFileオブジェクトを取得すれば、あとは動作するかと思います。

[退会済みユーザー]

申し訳ありません、1点だけ教えていただきたいのですが、
servlet line:21
.getRealPath("/upload");
の"/upload"はどこからの仮想パスなのでしょうか？

度々すみませんが、よろしくお願いします。

[A-pZ]

この場合は、Webアプリケーション直下のパスです。