web-dev-qa-db-ja.com

SPRING MVCを使用してJSPで画像を表示する

jspに画像を表示しようとしています。私の画像ファイルは

MyApp/WebContent/images/logo.jpg

そして、私のJSPページは

MyApp/WebContent/WEB-INF/view/home.jsp

私はすでに画像を使用しようとしました

<'img src="<%=request.getContextPath()%>/images/logo.jpg" />

そして

<'img src="<'c:url value='<%=request.getContextPath()%>/images/logo.jpg'></c:url></img>

この問題は、画像を配置した場所の階層に起因するものですか？

あなたの助けに本当に感謝します。ありがとうございました。

[〜＃〜] update [〜＃〜]：

私の問題の解決策を見つけました： http://www.tutorialspoint.com/spring/spring_static_pages_example.htm

servlet.xmlでリソースマッピングを使用するだけです。

あなたの親切な答えに本当に感謝しています。 :)

javaimagejspurlspring-mvc
11
Phuu792

静的リソースはすべて、spring mvcでURLマッピングも検索するため、静的リソースはspringmvc-servlet.xml。

MVC構成に次のエントリを追加します。 resourcesフォルダー内の静的ファイルを想定しています。

<mvc:resources mapping="/resources/**" location="/resources/" />

静的ファイルはページからアクセスできます。

<img src="/resources/images/logo.jpg" />
15
erencan

コンテキストパスを明示的に指定する必要がないようにするには、jstlコアを使用してそのようにします。

<img src="<c:url value="/images/logo.jpg"/>"/>

また、スプリングのリソースとパスについてこのスレッドを確認することもできます

Spring 3 MVCリソースとタグ<mvc：resources />

3
Jérôme Gloaguen

それを機能させるために、私は春の設定でしなければなりませんでした：

<mvc:resources mapping="/resources/**" location="/resources/" />

JSPの場合：

<spring:url value="/resources/images" var="images" />
    <img src="${images}/back.png"/>
1
Laurent Duvergé

試してみる

<img src="/MyApp/WebContent/images/logo.jpg" />

Spring MVCアプリですが、通常のWebアプリとしてデプロイする必要があります。展開を確認して確認し、ブラウザを使用してロードをテストします。

1
Scary Wombat

これを試して ！常に機能します！

  1. Src/main/resourcesにimgフォルダーを作成します
  2. 「img」というこのフォルダー内の画像をコピーします
  3. 内側に書く
  4. 内部でこの写真を使用してください

スクリーンショットを確認してお楽しみください！

enter image description here

enter image description here

0
Daniel Movemann

Spring-dispatcher-servlet.xmlファイルで完全に構成した後、WEB-INFディレクトリの下にimagesフォルダーを配置し、このimg src：<img src = "projectname /../ images/logo.jpgを使用しましたjspページで "/>、最終的に画像が表示されます。

0
Kyle

springmvc-servlet.xmlで<mvc:resources location="/WEB-INF/images/" mapping="/images/**" />とjsp <img src="images/logo.jpg" />を追加し、web-infの下にimagesという名前のフォルダーを作成し、web.xmlでサーブレットマッピングをそのようにする必要があります<url-pattern>/</url-pattern>。

0
Nefise Özşahin