JSPページにイラストを追加する方法

(*-*)浩
リリース: 2020-09-15 13:42:59
オリジナル
9880 人が閲覧しました

JSP ページでイラストを作成する方法: 最初に「動的 Web プロジェクト」を作成し、次に WebContent の下に画像フォルダーを作成し、画像を配置します。次に、画像のパス コードを「index.jsp」に記述します。最後に、ブラウザで画像を表示するプログラム。

JSPページにイラストを追加する方法

最近、Java Web を初めて使用したときに、jsp で画像を表示できないという問題が発生しました。インターネットでたくさんのことを検索しましたが、基本的にはパスの問題について話していました。なぜなら、最初は私のわずかな HTML 経験に基づいて JSPページにイラストを追加する方法 を書いたのですが、それを書くのは不可能だと思ったからです。パスが間違っていましたが、その後、実際にパスにいくつかの問題があることが判明しました。 (これは、中途半端な経験をあまり信用してはいけないことを示しています)

推奨コース: Java チュートリアル

まず、相対パスと絶対パスについて再理解する必要があります。

相対パス: このファイルが配置されているパスによって生じる他のファイル (またはフォルダー) とのパス関係を指します。

絶対パス: 該当するプロトコルまたはドライブ文字を含む、ファイルに指定された完全パス。つまり、ハードディスク上のホームページ上のファイルまたはディレクトリの実際の完全パスです。

インターネットで検索したところによると、jsp では絶対パスを直接使用することはできません。 (Tomcat を設定する必要があります)

したがって、適切に呼び出すことができるように、ピクチャ フォルダーと JSP ファイルが同じレベル (つまり、同じディレクトリ内) にある必要があるため、相対パスを使用します。

この問題に対する私のベスト プラクティスを以下に示します。

準備パート: 動的 Web プロジェクトをセットアップします。 (ここでのプロジェクト名は Shop3 です)

WebContent の下に画像フォルダーを作成し、画像 JSPページにイラストを追加する方法 を置きます。

JSPページにイラストを追加する方法

#WebContent の下にindex.jsp ファイルを作成します。

JSPページにイラストを追加する方法

ここでは、jsp ファイルとインデックス ファイルが同じディレクトリにあることがわかります。

画像パスのコードをindex.jspに記述します。




    <img  alt="JSPページにイラストを追加する方法" >

ログイン後にコピー

プログラムを実行すると、ブラウザに画像が表示されることがわかります。

JSPページにイラストを追加する方法

以上がJSPページにイラストを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
jsp
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート