Q&A
追加情報はあなたの質問欄を編集して追記してください。ここは「質問への追記・修正の依頼」をする場所です。ただ、上の書き方ではなんだかわかりません。フォルダ/ファイル構成のようですが分かるように書いてください。
前提
環境 eclipse 4.15.0
お世話になります。
Javaやhtmlを始めたばかりの初心者です。
HTMLを使用してwebのlocal hostに画像を表示させようとしていますが画像が出ずaltの写真という文字だけがでてしまいます。エラーが出てしまいます。
画像はHTMLと同じフォルダに入っています。
templetsというフォルダにnew.htmlとaaaa.pngが入っています。
また、ほかのhtmlをcontrollerでボタンをクリックした際に画面遷移をしたりdbからデータを取得したりはできます。
実現したいこと
local hostに画像を表示させる
発生している問題・エラーメッセージ
Failed to load resource: the server responded with a status of 404 () aaaa.png:1
該当のソースコード
html
1 2<!DOCTYPE html> 3<html xmlns:th="http://www.thymeleaf.org"> 4<head> 5<meta charset="UTF-8"> 6<title>Insert title here</title> 7</head> 8<body> 9<img src="aaaa.png" alt="写真"> 10</body> 11</html> 12
Markdownのcode内に書けば行頭のスペースも保持されるのでご活用を。
※ディレクトリ階層なら提示可能な範囲で画面キャプチャとかでも良いですが
回答4件
3
ベストアンサー
Spring boot,thymeleafの話ですよね。
仕様上、静的リソース（画像、css、jsなどのファイル）は
src/main/resources/static
配下を見に行きますのでそちらに配備してください。
また、thymeleafから参照する際もその点意識して機能を利用したほうが良いです。
thymeleaf
1<img th:src="@{/aaaa.png}" alt="写真">
※@{}はリンクなどでも使うので絶対に覚えておくべき記法です。サーブレットだとgetCotextPath()のような役割です
templates配下はあくまでテンプレートエンジンのテンプレートhtml（コンパイル前）であって静的リソースではありません。
投稿2022/08/31 01:51
編集2022/08/31 01:56総合スコア80695
回答へのコメント
ご回答ありがとうございます。
今まではsrc/main/resources/templetsに画像を入れていたのですが、staticに配置したところ画像が表示されました。
本当にありがとうございました。
1
ブラウザのアドレスバーに new.html の url を入力して要求をかけるとブラウザに new.html が表示されますか？（問題の画像以外は表示されますか？）
new.html が表示され、かつ、
templetsというフォルダにnew.htmlとaaaa.pngが入っています。
・・・が正しければ、ブラウザのアドレスバーの url の new.html を aaaa.png に置き換えればその画像がブラウザに表示されるはずです。
表示されなくて 404 Not Found 応答が返ってくるとすると、上に書いた「templetsというフォルダにnew.htmlとaaaa.pngが入っています」は間違っているか、画像が存在しないということです。
調べてみてください。
投稿2022/08/31 02:06
退会済みユーザー
総合スコア0
回答へのコメント
SpringBootととしての実行であれば静的htmlのみを想定とした対応では表示されません。
おそらく質問者が正しい表現を知らないだけで「webのlocal hostに」とあるのとeclipseというところから、eclipse上でSpringbootプロジェクトを実行して画面表示させたいのだと推察されます。ですので、バックグラウンドがJavaフレームワークの動的Webプロジェクトです。
> SpringBootととしての実行であれば静的htmlのみを想定とした対応では表示されません。
そうですか・・・ Spring Boot は全く知らないのではずれかもしれませんが、上に書いたように「 ブラウザのアドレスバーに new.html の url を入力して要求をかけるとブラウザに new.html が表示されますか？（問題の画像以外は表示されますか？）」の答えが Yes なら Web サーバーと静的ファイルだけの話になるのではないですか？
私の方もあくまで推測なので、あくまでSpringBootアプリケーションとしての実行だったら・・・で答えました。
実行手順も本来は質問本文に書いておいてもらいたいところですね。
0
△△△△△△△△△△△△△△△△△△
投稿2022/09/01 11:10
総合スコア18
2022/09/05 07:29こちらの回答が複数のユーザーから「過去の低評価」という指摘を受けました。
0
単純にそのhtml（？）と同じフォルダにaaa.pngが存在しないだけだと思います
投稿2022/08/31 00:40
総合スコア112760
あなたの回答
tips
プレビュー
