我正在嘗試使用 HTML 在我的 Angular 專案中顯示影像。代碼如下所示
<img src="../../../../../Uploads/1640665063123--hc-Freeport.jpg" alt="Test">
我已經驗證鏈接是正確的。檔案型別也是正確的。此外，影像沒有以任何方式損壞，因為我可以在照片、Visual Studio Code 和 Google Chrome 中打開它。但是，影像不會以 HTML 格式加載。而是顯示“測驗”文本。誰能給我一些建議？我錯過了什么嗎？
下面的鏈接顯示了我的專案的結構。第二個鏈接顯示主頁組件所在的檔案，也就是應該顯示影像的位置。
https://ibb.co/Qj8HZy5
https://ibb.co/4JSk8g2
uj5u.com熱心網友回復：
我以前在做網站時遇到過這個問題。嘗試使用根目錄的完整路徑，或者嘗試使用不同的文本編輯器或瀏覽器。
uj5u.com熱心網友回復：
檢查您的 css 檔案。也許樣式不允許顯示圖片
uj5u.com熱心網友回復：
嘗試將影像檔案放在assest檔案夾中并使用此路徑，
<img src="assets/Uploads/1640665063123--hc-Freeport.jpg" alt="Test">
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/395760.html
上一篇：在不改變元素位置的情況下變換傾斜