溫馨提示×

您好，登錄后才能下訂單哦！

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

在jsp頁(yè)面里面插圖的方法

發(fā)布時(shí)間：2020-09-16 11:15:34 來(lái)源：億速云 閱讀：152 作者：小新 欄目：編程語(yǔ)言

這篇文章主要介紹了在jsp頁(yè)面里面插圖的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

 最近初學(xué)Java Web遇到一個(gè)問(wèn)題，就是在jsp中沒(méi)法顯示圖片。在網(wǎng)上搜索了許多內(nèi)容，基本都是說(shuō)路徑問(wèn)題，因?yàn)閯傞_(kāi)始是憑著自己的一點(diǎn)半吊子html經(jīng)驗(yàn)寫(xiě)的<img src="代碼">，而且我自認(rèn)為不可能寫(xiě)錯(cuò)路徑，但后來(lái)發(fā)現(xiàn)確實(shí)是路徑出現(xiàn)了一些問(wèn)題。（由此可見(jiàn)不要過(guò)分相信自己的半吊子經(jīng)驗(yàn)）

在jsp頁(yè)面里面插圖的方法

首先我們先要重新來(lái)認(rèn)識(shí)下相對(duì)路徑和絕對(duì)路徑。

相對(duì)路徑:指由這個(gè)文件所在的路徑引起的跟其它文件(或文件夾)的路徑關(guān)系。

絕對(duì)路徑:為文件提供的完全路徑，包括適用的協(xié)議或盤(pán)符。也就是你的主頁(yè)上的文件或目錄在硬盤(pán)上真正的完整的路徑。

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

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

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

準(zhǔn)備部分：建立Dynamic Web Project。（在這里我的項(xiàng)目名為Shop3）

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

在jsp頁(yè)面里面插圖的方法

在WebContent下建立index.jsp文件。

在jsp頁(yè)面里面插圖的方法

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

在index.jsp中編寫(xiě)圖片路徑代碼。

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

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

在jsp頁(yè)面里面插圖的方法

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享在jsp頁(yè)面里面插圖的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

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

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

jsp
AI
助
手