使用相對(duì)路徑，例如，當(dāng)前目錄中的子目錄 image 中的圖片 1.jpg，可以寫成 ./image/1.jpg，其中 ./ 表示當(dāng)前目錄，可以省略不寫。

<image src="image/1.jpg"/>

實(shí)際上HTML文檔數(shù)據(jù)寫入到 Response 中時(shí)，已經(jīng)把 src 的值替換成下面的請(qǐng)求資源路徑：

http://localhost:8080/sl/image/1.jpg

當(dāng)前目錄的上級(jí)目錄中的子目錄 image 中的圖片 1.jpg，可以寫成 ../image/1.jpg，其中 ../ 表示當(dāng)前目錄的上級(jí)目錄。

特別注意，非常重要！！！
src的值不要加正斜杠 /，否則會(huì)拼接出錯(cuò)誤的請(qǐng)求路徑。

路徑前面不加斜桿：

<img style="vertical-align: middle;height: 32px" id="checkCode" src="check_code"/>

如上不加斜桿，拼接的請(qǐng)求資源路徑：

http://localhost:8080/sl/check_code

路徑前面加斜桿：

<img style="vertical-align: middle;height: 32px" id="checkCode" src="/check_code"/>

如上加了斜桿，拼接的請(qǐng)求資源路徑：

http://localhost:8080/check_code

因?yàn)樾睏U開頭，表示根目錄，這里表示項(xiàng)目的虛擬根目錄開始，服務(wù)器判斷只要路徑以斜桿開頭，就直接認(rèn)為是 URI 了，所以就直接在前面拼接 http://localhost:8080。

總結(jié)

以上是生活随笔為你收集整理的HTML的图片标签image的图片地址的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。