如何在jsp界面中插入圖片

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

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

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

https://zhidao.baidu.com/question/96634139.html

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

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

下面給出我對這個(gè)問題的最佳實(shí)踐

0.準(zhǔn)備部分:建立dynamic web project。(在這里我的項(xiàng)目名為shop3) 

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

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

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

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

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

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

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

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

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

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

 到此這篇關(guān)于如何在jsp界面中插入圖片的文章就介紹到這了,更多相關(guān)在jsp界面中插入圖片內(nèi)容請搜索碩編程以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持碩編程!

相關(guān)文章
亚洲国产精品第一区二区,久久免费视频77,99V久久综合狠狠综合久久,国产免费久久九九免费视频