Q&A
エラー内容の記載が漏れていたため追記します。
GET http://localhost:8080/TrampCardGame/WEB-INF/img/tramps.jpg 404
ほかの質問等見たのですが、解決できなかったため質問させてください。
WEBアプリ開発は初心者なのですが、勉強のためちょっとしたゲーム開発を考えています。
そこで画面背景に画像表示を行いたいのですが、うまくいきません。
ご助力いただけますと幸いです。
フォルダ構成は以下です。
問題の個所はlogin.jspファイルの以下の部分です
<img src="${pageContext.request.contextPath}/WEB-INF/img/tramps.jpg" alt="トランプカード">
login.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 <style type="text/css"> 9 <%@include file="../css/login.css" %> 10 </style> 11</head> 12<body> 13 <img src="${pageContext.request.contextPath}/WEB-INF/img/tramps.jpg" alt="トランプカード"> 14 <form name="login_form"> 15 <div class="login_form_top"> 16 <h1>TrampCards</h1> 17 <p>UserID、Passwordをご入力の上、「LOGIN」ボタンをクリックしてください。</p> 18 </div> 19 <div class="login_form_btm"> 20 <input type="text" name="user_id" placeholder="UserID"> <input 21 type="password" name="password" placeholder="Password"> <input 22 type="submit" name="botton" value="LOGIN"> 23 </div> 24 </form> 25</body> 26</html>
補足
cssファイルについても、jspのincludeを使用してようやく読み込めました。
回答1件
0
自己解決
ディレクトリ構成を以下のようにしたら、jspファイル内で指定できました。
jspファイル内で画像ファイルやcssファイルを指定する場合、「WEB-INF」ディレクトリ配下を参照できません。
そのため、cssディレクトリ、imgディレクトリを「WebContent」ディレクトリ直下に移動し、
ファイルパスの指定を以下のようにしたところ、表示できました。
login.jsp
1<img src="${pageContext.request.contextPath}/img/tramps.jpg" alt="トランプカード">
追記
上のディレクトリ構成ではWEB-INF配下にview > ～jspファイルを格納していましたが、
リダイレクトする際に参照できないことがわかりました。
よって、jspファイルにおいてもWEB-INFディレクトリ配下からWebContentディレクトリ配下に移動しました。
投稿2022/01/19 13:02
編集2022/01/21 14:52総合スコア11
あなたの回答
tips
プレビュー
