Q&A
前提・実現したいこと
header.jspに画像が表示できません。
相対パスで記述しており、
１階層上のview⇒pic⇒画像
と理解しているのですが、間違っている箇所がわかりません。
既に1時間以上悩んでしまいましたので質問いたします。
初歩的な質問ですがよろしくお願いいたします。
該当のソースコード
header.jsp
1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<header> 4<img src="../pic/menu2.png" alt="リスト"> 5<img src="../pic/microscope.jpeg" alt="マイク"> 6</header>v<jsp:include page="/view/header.jsp" flush="true"/>
top.jsp
1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<!DOCTYPE html> 4<html> 5<head> 6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7<link rel="stylesheet" type="text/css" href="style.css"> 8<title>レコーダー</title> 9</head> 10<body> 11<jsp:include page="/view/header.jsp" flush="true"/> 12<div class="content"> 13<!--スタート/ストップボタン --!> 14<button type="button" class="stButton">録音</button> 15</div> 16<jsp:include page="/view/footer.jsp" flush="true"/> 17</body> 18</html>
エラーメッセージ
GET http://localhost:8080/pic/menu2.png 404 (Not Found)
GET http://localhost:8080/pic/microscope.jpeg 404 (Not Found)
回答1件
0
ベストアンサー
もっともよくある解決法としては、相対パスではなく、コンテキストパスを取得して、そこからのパスを正確に書くことです。
html
1<img src="${pageContext.request.contextPath}/pic/menu2.png" alt="リスト">
こちらでも最近類似する質問もありましたので参考にどうぞ。
https://teratail.com/questions/157947
投稿2018/11/14 13:22
総合スコア12011
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/28 12:32
2018/11/28 12:52
2018/12/02 10:58