如何在jsp界面中插入圖片
最近初學Java Web遇到一個問題,就是在jsp中沒法顯示圖片。
在網上搜索了許多內容,基本都是說路徑問題,因為剛開始是憑著自己的一點半吊子html經驗寫的<img src="代碼">,而且我自認為不可能寫錯路徑,但后來發(fā)現(xiàn)確實是路徑出現(xiàn)了一些問題。(由此可見不要過分相信自己的半吊子經驗)
首先我們先要重新來認識下相對路徑和絕對路徑。
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.運行程序,就可以看到圖片顯示在瀏覽器中了。
到這里問題雖然是解決了。
但是我發(fā)現(xiàn)一個問題,我們看到瀏覽器中文件的路徑是 http://localhost:8080/Shop3/index.jsp
而圖片的地址(右擊圖片可以復制文件地址)是http://localhost:8080/Shop3/image/logo.png
兩個地址中都沒有WebContent,也就是說路徑是直接從WebContent下面開始的。
到此這篇關于如何在jsp界面中插入圖片的文章就介紹到這了,更多相關在jsp界面中插入圖片內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Struts2.5 利用Ajax將json數據傳值到JSP的實例
下面小編就為大家?guī)硪黄猄truts2.5 利用Ajax將json數據傳值到JSP的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09JSP 中Spring的Resource類讀寫中文Properties實例代碼
這篇文章主要介紹了JSP 中Spring的Resource類讀寫中文Properties實例代碼的相關資料,需要的朋友可以參考下2017-03-03