質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Q&A

3回答

11853閲覧

JSPで画像が表示できません。

saramand

総合スコア6

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

0グッド

0クリップ

投稿2017/01/26 20:47

###前提・実現したいこと
Servlet/JSPの勉強中なのですが、画像が表示されません。

###発生している問題・エラーメッセージ

エラーはありませんが画像が表示されません。 フォルダーの構造はこうです。※スクリーンショットです。 http://or2.mobi/index.php?mode=image&file=143881.jpg

###該当のソースコード

HTML

1<%@page contentType="text/html" pageEncoding="UTF-8"%> 2<!DOCTYPE html> 3<html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <title>JSP Page</title> 7 </head> 8 <body> 9 <img src="/WebApplication/web/image/1.jps"> 10 </body> 11</html> 12

###試したこと
パスがおかしいと思い、下記パターンに闇雲に変えてみました。
※生成されるHTMLは全て素直にこの通りに記述されています。
/WebApplication/web/image/1.jpg
WebApplication/web/image/1.jpg
/web/image/1.jpg
web/image/1.jpg
/image/1.jpg
image/1.jpg
/1.jpg
1.jpg

###補足情報(言語/FW/ツール等のバージョンなど)
JSPにフォワードしているサーブレットのパスは、
E:\netbeans\workspace\WebApplication\src\java\main\Controller.java
JSPのパスは、
E:\netbeans\workspace\WebApplication\web\WEB-INF\index.jsp
画像のパスは、
E:\netbeans\workspace\WebApplication\web\image\1.jpg
です。

実行方法は、netbeansの実行ボタンで実行しています。
また、
<img src="http://img1.kakaku.k-img.com/images/productimage/l/K0000737339.jpg">
のようにweb上の画像を指定した場合は正常に表示されます。

サーブレットは、
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.getRequestDispatcher("WEB-INF/index.jsp").forward(request, response);
}
としており、フォワード自体は正常に出来ています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

<img src="/WebApplication/web/image/1.jps">

とありますが、src属性に書く場合はURLのパスです。
※拡張子がjpsになっているのが気になりますが

画像を置いているディレクトリは

\workspace\WebApplication\web\image\1.jpg

です。つまり、{Webアプリケーションのコンテキストパス}/image/1.jpg が正しいでしょうか。

投稿2017/01/27 01:06

A-pZ

総合スコア12011

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/01/27 13:51

質問者さんの場合、アプリケーションのコンテキストパスが物理ディレクトリのパスになってますね。 これじゃ、画像が見えませんよね。
guest

0

srcの指定を相対パスで書く手段も試してみてはいかがでしょう。

投稿2017/01/27 01:31

tantanegg

総合スコア213

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

はじめまして。
WEB-INFの中に「index.jsp」があるのはおかしいです。
スクリーンショットの「Webページ」の下においてください。
WEB-INFには「web.xml」がありませんね?
NetBeansはよくわかりませんが、ふつうWebアプリケーションのスケルトンを生成すると、web.xmlも作られます。

サーブレットをここに登録しないと、サーブレット自体が動きません。
つまり、web.xmlがないと、JSP自体が動かない、ということです。
JSPはコンパイラでサーブレットに翻訳されます。
JSPは一種のサーブレットなのです。

投稿2017/01/26 23:48

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

A-pZ

2017/01/27 01:02

サーブレット3.0からはweb.xml必須ではないですよ。
退会済みユーザー

退会済みユーザー

2017/01/27 13:48

そうでした(年がばれますね????)。 アノテーションを書けば、web.xmlが必要でないのですね。 便利な世の中になったものです。 import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet(name = "ShowDate", urlPatterns = { "/ShowDate" }) public class ShowDateServlet extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); out.println(""); out.println(""); out.println(new java.util.Date()); out.println(""); out.println(""); } }
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問