溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

在jsp界面中插入圖片的方法

發(fā)布時間:2020-08-10 10:08:29 來源:億速云 閱讀:794 作者:小新 欄目:開發(fā)技術(shù)

小編給大家分享一下在jsp界面中插入圖片的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

最近初學(xué)Java Web遇到一個問題,就是在jsp中沒法顯示圖片。

在網(wǎng)上搜索了許多內(nèi)容,基本都是說路徑問題,因為剛開始是憑著自己的一點半吊子html經(jīng)驗寫的<img src="代碼">,而且我自認(rèn)為不可能寫錯路徑,但后來發(fā)現(xiàn)確實是路徑出現(xiàn)了一些問題。(由此可見不要過分相信自己的半吊子經(jīng)驗)

首先我們先要重新來認(rèn)識下相對路徑和絕對路徑。

而據(jù)我在網(wǎng)上的搜索來看在jsp中是無法直接使用絕對路徑的。(需要對tomcat進(jìn)行配置)

所以要使用相對路徑,所以你的圖片文件夾和你的jsp文件要在同一級(也就是同一個目錄下),這樣就可以很好的調(diào)用。

下面給出我對這個問題的最佳實踐

0.準(zhǔn)備部分:建立Dynamic Web Project。(在這里我的項目名為Shop3) 

1.在WebContent下建立image文件夾,并放入圖片logo.png。

在jsp界面中插入圖片的方法

 2.在WebContent下建立index.jsp文件。

在jsp界面中插入圖片的方法

在這里我們可以看到j(luò)sp文件和index文件是在同一個目錄下面的。

 3.在index.jsp中編寫圖片路徑代碼。

</head>
<body>
 <img src ="image/logo.png" />
</body>
</html>

 4.運行程序,就可以看到圖片顯示在瀏覽器中了。

在jsp界面中插入圖片的方法

 到這里問題雖然是解決了。

但是我發(fā)現(xiàn)一個問題,我們看到瀏覽器中文件的路徑是 http://localhost:8080/Shop3/index.jsp

而圖片的地址(右擊圖片可以復(fù)制文件地址)是http://localhost:8080/Shop3/image/logo.png

兩個地址中都沒有WebContent,也就是說路徑是直接從WebContent下面開始的。

以上是在jsp界面中插入圖片的方法的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI