在HTML(假設(shè)當(dāng)前在index.html)的 img 標(biāo)簽中肥卡,想要訪問(wèn)一個(gè)工程中的圖片匀归,需要在HTML文件中指定圖片的所在地址,此時(shí)需要通過(guò) URL地址來(lái)訪問(wèn)
URL地址分為兩種:
(1)相對(duì)URL:
可以通過(guò)兩種相對(duì)URL方式訪問(wèn)一個(gè)圖片資源筝家,這兩種方式的區(qū)別是:一個(gè)是從index.html這個(gè)文件所在的目錄下尋找锅风,一個(gè)是從服務(wù)器的根目錄下尋找兢卵。
如下圖:
①:從當(dāng)前目錄下尋找:
與index.jsp同級(jí)的就是img這個(gè)文件夾蜈首,而圖片在img中所以先找到 img 文件夾岗憋,在找到img1.png即可
故為:img/img1.png
②:從服務(wù)器根目錄下尋找:
在地址的最開(kāi)頭加上一個(gè) / ,代表從服務(wù)器根目錄(相當(dāng)于這里的web文件夾)下檢測(cè)肃晚,而img是web文件夾下的子目錄,故為:
/img/img1.png
補(bǔ)充:需要回退目錄的情況
“ ../? ”??可以相對(duì)于當(dāng)前目錄回退一個(gè)目錄仔戈, 例如:
現(xiàn)在 index.jsp 在img文件夾中关串,需要鏈接到 img 上一級(jí)的web目錄下的 indexCSS.css
所以需要回退一級(jí)目錄,然后直接選擇即可监徘,所以相對(duì)URL地址為:
../indexCSS.css
以上這種是相對(duì)于當(dāng)前目錄的相對(duì)URL晋修,如果使用相對(duì)于服務(wù)器根目錄的相對(duì)URL的話就不需要回退目錄了,即:
/indexCSS.css
這里IDEA把這種從根目錄開(kāi)始找的方式稱為 絕對(duì)路徑凰盔,其實(shí)這個(gè)也算是相對(duì)URL里面的絕對(duì)路徑了墓卦,畢竟不管文件在哪里都是從根目錄開(kāi)始找的,這里IDEA提示我們:在JSP中不推薦使用絕對(duì)地址(第二種相對(duì)URL地址)
絕對(duì)地址:
絕對(duì)地址就是資源文件在我們服務(wù)器中真正的存儲(chǔ)位置
一個(gè)IP地址或者域名代表一個(gè)主機(jī),然后在主機(jī)后面加上具體的文件路徑就構(gòu)成了絕對(duì)地址:
具體看這個(gè)例子:
首先看主頁(yè) index.jsp (原諒我無(wú)處安放的圖片和簡(jiǎn)陋的界面)户敬, 紅色圈劃住的就是絕對(duì)地址
localhost:8080(服務(wù)器主機(jī)) + 服務(wù)器根目錄 + 進(jìn)一步的路徑 = 絕對(duì)地址
接下來(lái)直接訪問(wèn)那個(gè)圖片了:
只需要在上面主頁(yè)的基礎(chǔ)上加上進(jìn)一步的路徑落剪,也就是 根目錄/img/img1.png 就可以訪問(wèn)到這張高清大圖了,如圖: