jspインターフェースに画像を挿入する方法
Java Webの初心者なのですが、jspで画像を表示できない問題があります。
Webでいろいろと内容を検索してみたのですが、基本的にはパスの話ばかりでした。というのも、自分の中途半端なhtmlの経験で<img src="のコード"を書いていて、間違ったパスは書けないと思ってスタートしましたが、パスに何か間違いがあることを知りました。(中途半端な経験をあまり信用しない方がいいということがわかります）。
まずは、相対パスと絶対パスについて再確認してみましょう。
https://zhidao.baidu.com/question/96634139.html
そして、ウェブで検索した限りでは、jspで直接絶対パスを使用する方法はありません。(tomcatの設定が必要)
そこで相対パスを使い、画像フォルダとjspファイルが同じレベル（つまり同じディレクトリ）にあるようにすると、うまく呼び出すことができます。
私のベストプラクティスは以下の通りです。
0. 準備編：Dynamic Web Projectを作成する。(ここでは、私のプロジェクトはShop3という名前です。）
1. WebContentの下にimageフォルダを作成し、画像logo.pngを配置します。
2. WebContentの下にindex.jspファイルを作成します。
ここで、jspファイルとindexファイルが同じディレクトリの下にあることがわかります。
3. index.jspに画像のパスコードを記述する。
</head>
<body>
<img src ="image/logo.png" />
</body>
</html>
4. プログラムを実行すると、ブラウザに画像が表示されるのが確認できます。
この時点で問題は解決しているのですが。
しかし、私は問題を発見した、我々は、ブラウザでファイルのパスがhttp://localhost:8080/Shop3/index.jsp であることがわかります。
そして、画像のアドレス（画像上で右クリックしてファイルアドレスをコピー）は、http://localhost:8080/Shop3/image/logo.png。
どちらのアドレスにもWebContentが入っていないので、パスはWebContentの直下から始まっていることになります。
jspインターフェースに画像を挿入する方法については、この記事がすべてです。jspインターフェースに画像を挿入する方法については、Script Houseの過去の記事を検索するか、引き続き以下の関連記事をご覧ください。
関連
-
jsp は sessionScope を使用してセッション・ケースの詳細を取得します。
-
jsp response.sendRedirect() の使用法の説明
-
JSPの静的インポートと動的インポートの使い分け詳細説明
-
Layuiを使用したSSMフレームワークJSPによるレイヤーパップアップ効果の実現
-
jsp filter フィルタ機能と簡単な使用例
-
数字当てゲームの jsp+servlet 実装
-
JSPで実現するシンプルな人事管理システム
-
サーバーへのファイルアップロード機能を実現するJSP＋サーブレット
-
ファイルアップロード機能のJSP実装
-
JavaScript-Objectsを1つの記事で紹介
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン