実現したいこと
eclipseでブラウザ上で画像を表示したい
発生している問題・分からないこと


imagesファイルにarrow.pngを配置しているはずなのに、どうしてもブラウザ上で表示されない
該当のソースコード
index.jsp
1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<!DOCTYPE html> 4<html> 5<head> 6<meta charset="UTF-8"> 7<title>新規商品準備アプリケーション</title> 8<link rel="stylesheet" type="text/css" href="./css/style.css"> 9</head> 10<body> 11<h1>新規商品準備アプリケーション</h1> 12<img src="images/arrow.png"> 13<hr> 14<h2>商品の登録</h2> 15${msgOnRegister} 16<form action="MainServlet" method="post"> 17<input type="hidden" name="link" value="registerProduct"> 18<label>商品名</label><input type="text" name="name"><br> 19<label>縦×横(cm)</label><input type="number" name="height">×<input type="number" name="width"><br> 20<label>入数(ロット)</label><input type="number" name="lot"><br> 21<label>入荷ケース数(ケース)</label><input type="number" name="inCase"><br> 22<label>予測出荷割合(%)</label><input type="number" name="outRate"> 23<input type="submit" value="登録"> 24</form> 25<br> 26<hr> 27<h2>新規商品リスト</h2> 28${msgOnList} 29${productList} 30<br> 31<hr> 32<br> 33<form action="MainServlet" method="post"> 34<input type="hidden" name="link" value="output"> 35<input type="submit" value="出力"> 36</form> 37</body> 38</html>
MainServlet
1package servlet; 2 3import java.io.IOException; 4 5import dao.ProductDAO; 6import jakarta.servlet.RequestDispatcher; 7import jakarta.servlet.ServletException; 8import jakarta.servlet.http.HttpServlet; 9import jakarta.servlet.http.HttpServletRequest; 10import jakarta.servlet.http.HttpServletResponse; 11import model.DeleteProductLogic; 12import model.OutputLogic; 13import model.RegisterProductLogic; 14 15public class MainServlet extends HttpServlet { 16 private static final long serialVersionUID = 1L; 17 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 18 ProductDAO dao = new ProductDAO(); 19 String productList = dao.findByProductList(); 20 request.setAttribute("productList", productList); 21 RequestDispatcher rd = request.getRequestDispatcher("WEB-INF/jsp/index.jsp"); 22 rd.forward(request, response); 23 } 24 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 25 String link = request.getParameter("link"); 26 if(link.equals("registerProduct")) { 27 RegisterProductLogic rpl = new RegisterProductLogic(); 28 String msg = rpl.execute(request.getParameter("name"), request.getParameter("height"), request.getParameter("width"), request.getParameter("lot"), request.getParameter("inCase"), request.getParameter("outRate")); 29 request.setAttribute("msgOnRegister", msg); 30 ProductDAO dao = new ProductDAO(); 31 String productList = dao.findByProductList(); 32 request.setAttribute("productList", productList); 33 RequestDispatcher rd = request.getRequestDispatcher("WEB-INF/jsp/index.jsp"); 34 rd.forward(request, response); 35 }if(link.equals("deleteProduct")) { 36 String productName = request.getParameter("name"); 37 DeleteProductLogic dpl = new DeleteProductLogic(); 38 String msg = dpl.execute(productName); 39 request.setAttribute("msgOnList", msg); 40 ProductDAO dao = new ProductDAO(); 41 String productList = dao.findByProductList(); 42 request.setAttribute("productList", productList); 43 RequestDispatcher rd = request.getRequestDispatcher("WEB-INF/jsp/index.jsp"); 44 rd.forward(request, response); 45 }if(link.equals("output")) { 46 OutputLogic ol = new OutputLogic(); 47 String table = ol.execute(); 48 request.setAttribute("table", table); 49 RequestDispatcher rd = request.getRequestDispatcher("WEB-INF/jsp/output.jsp"); 50 rd.forward(request, response); 51 } 52 } 53}
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
WEB-INF/imagesにarrows.pngを配置したりしてみたが、表示されなかった。
補足
特になし
> WEB-INF/imagesにarrows.pngを配置したりしてみたが、表示されなかった。
とのことですが、src/main/webapp/css/ ディレクトリに*.cssファイルである style.cssがあって、JSPの
<link rel="stylesheet" type="text/css" href="./css/style.css">
にてCSSがHTMLにちゃんと効いているなら、arrow.png を配置すべきディレクトリは ./css/ と同じ階層の
src/main/webapp/images/arrow.png
ではないでしょうか。
コメントありがとうございます。⚪︎⚪︎を試したところ問題が解決しました!
ベストアンサーに選びたいので同じ内容を回答欄に投稿いただけますでしょうか?
投稿時の意味は同じに、少し修正して回答に投稿しました。