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

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

實際上HTML文檔數據寫入到 Response 中時，已經把 src 的值替換成下面的請求資源路徑：

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

當前目錄的上級目錄中的子目錄 image 中的圖片 1.jpg，可以寫成 ../image/1.jpg，其中 ../ 表示當前目錄的上級目錄。

特別注意，非常重要！！！
src的值不要加正斜杠 /，否則會拼接出錯誤的請求路徑。

路徑前面不加斜桿：

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

如上不加斜桿，拼接的請求資源路徑：

http://localhost:8080/sl/check_code

路徑前面加斜桿：

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

如上加了斜桿，拼接的請求資源路徑：

http://localhost:8080/check_code

因為斜桿開頭，表示根目錄，這里表示項目的虛擬根目錄開始，服務器判斷只要路徑以斜桿開頭，就直接認為是 URI 了，所以就直接在前面拼接 http://localhost:8080。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。