我正在嘗試將本地影像檔案鏈接到 HTML 頁面。我是：
- 使用 Chromebook
- 我的影像檔案和 HTML 檔案在同一個檔案夾中
- 該檔案夾位于linux檔案目錄中
我使用終端跟蹤檔案路徑。這是我發現的影像檔案的路徑：
/home/jodyzupancic/scrimba_review_course/'Personal Website'/IMG-3052.jpg
這是我的帶有路徑的 HTML 檔案，它不起作用。我不知道為什么。
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Bangers&family=Black Ops One&family=Creepster&family=La Belle Aurore&family=MedievalSharp&family=Orbitron&family=Rye&display=swap" rel="stylesheet">
<script src="index.js"></script>
</head>
<body>
<img src="/home/jodyzupancic/scrimba_review_course/'Personal Website'/IMG-3052.jpeg">
</body>
</html>
uj5u.com熱心網友回復：
目錄名稱中不太可能包含單引號。我的猜測是檔案路徑實際上是：
/home/jodyzupancic/scrimba_review_course/Personal Website/IMG-3052.jpeg
如果該目錄名稱中有單引號，我建議重命名該目錄，以便它沒有它們。我還建議重命名您的個人網站目錄以洗掉空間。我會使用“個人網站”或“個人網站”。Linux 支持檔案和目錄名稱中的空格，但在使用命令列工具訪問它們時需要特別注意（例如使用引號）。
第二個問題是您將檔案路徑放入影像源屬性而不是file://URL。如果要使用檔案的完整路徑，它應該有一個file://前綴。所以應該有三個斜杠：file:///home/...
如果您的 HTML 檔案和影像在同一個檔案夾中，則根本不需要使用完整的檔案路徑。您可以使用相對 URL。以下更簡單，應該可以正常作業：
<img src="IMG-3052.jpeg">
由于您使用的是 HTML5 并且檔案名沒有空格，因此您甚至可以省略引號：
<img src=IMG-3052.jpeg>
看起來您正在學習有關 Web 開發的課程，我不想超越它，但在某些時候您應該設定一個本地 Web 服務器進行開發。使用file://URL 進行開發不再有效。作為安全預防措施，瀏覽器已從從檔案加載的頁面中洗掉了功能。一旦開始使用自己的本地腳本，設定本地 Web 服務器會更好。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/504695.html
上一篇：頁面上顯示的反引號