我正在處理一個專案，我將從另一個來源獲取 HTML 檔案，它可以有多個影像，因此我無法修改 HTML 檔案。我打算撰寫一個java腳本來解決以下問題。
但是該檔案有一些不存在的 img 源，因此沒有加載影像。
我想顯示一條特定的訊息，例如“請登錄以查看此影像”而不是未加載的影像，如果未加載，則如果加載了其他影像，則應按原樣顯示。
如果有人可以提供任何反饋，那將會很有幫助。
uj5u.com熱心網友回復：
這是頁面加載后的測驗方法
window.addEventListener("load", event => {
document.querySelectorAll('img').forEach(img => {
const isLoaded = img.complete && img.naturalHeight !== 0;
if (!isLoaded) img.outerHTML = "Please login in order to view this image"
})
})<img src="image1.jpg" /><br/>
<img src="image2.jpg" /><br/>
<img src="image3.jpg" /><br/>
<img src="image4.jpg" /><br/>
<img src="image5.jpg" /><br/>
<img src="image6.jpg" /><br/>uj5u.com熱心網友回復：
如果我正確理解您的要求，您可以通過alt在 HTML 標記中使用來完成此操作。例如：
<img src="computer.jpg" alt="Computer Image" width="500" height="600">如果您運行該代碼段，您可以看到由于未定義影像，因此將顯示文本。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/372832.html
標籤：javascript html 图片