看看IMG SRC的存在

Question

當我把img標籤我動態創建src屬性。有沒有測試的方式，如果將src（路徑在圖像的位置）實際上與JavaScript才能避免得到存在：

Answer 1

可以使用error事件：

var im = document.getElementById('imageID'); // or select based on classes 
im.onerror = function(){ 
    // image not found or change src like this as default image: 

    im.src = 'new path'; 
}; 

在線版本：

<img src="whatever" onError="this.src = 'new default path'" /> 

或者

<img src="whatever" onError="doSomething();" /> 

---

<img>標籤支持這些事件：

• abort（onAbort）
• error（onError的）
• load（的onLoad）

更多信息：

• JavaScript Events
• jQuery's error

Answer 2

可以使以前的ajax調用（與head方法），並看到服務器返回代碼 或者您可以使用onerror事件改變網址或者隱藏它，例如

<img src="notexist.jpg" onerror="this.style.visibility = 'hidden'"> 

（我用內嵌屬性只是爲了解釋的想法）

Answer 3

你接近這個錯誤的方式。
當您生成與服務器端腳本你的鏈接，檢查那裏的文件是否存在（通過在PHP中使用file_exists()爲例）。

你不應該依賴於JavaScript時，你可以在服務器端做的，如JavaScript可以改變和殘疾人。

問問自己，你是如何產生的src=屬性，並檢查那裏的文件是否存在，並提供一種替代方法。

Answer 4

如果動態創建SRC使用JavaScript，你可以使用這個：

var obj = new Image(); 
 
    obj.src = "http://www.javatpoint.com/images/javascript/javascript_logo.png"; 
 

 
if (obj.complete) { 
 
    alert('worked'); 
 
} else { 
 
    alert('doesnt work'); 
 
}