如何正確在jsp中插入圖片

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

在網上搜索了許多內容,基本都是說路徑問題,因爲剛開始是憑着自己的一點半吊子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下面開始的。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章