2011-07-01 53 views
2

如果圖像不存在,或者某種圖像只是無法加載,是否有一種方法可以使該消息不會顯示在Web檢查器中?擺脫「加載資源失敗:當圖像加載失敗時,服務器響應狀態爲403(禁止)」消息?

無法加載資源:

<img src="/path.png" onerror="this.src = '/missing.png'; this.onerror = ''; return true;"/> 
<img src="/path.png" onerror="this.src = '/missing.png'; this.onerror = ''; return false;"/> 

而且我jQuery中嘗試過:服務器與我嘗試了這些的403(禁止)

狀態迴應

$(document).ready(function() { 
    $("img").error(function(event) { 
    $(this).attr("src", "/missing.png"); 
    return false; 
    } 
}); 

在任何這些事件處理程序訪問之前,該消息以紅色輸出它有沒有辦法阻止這條消息出現?

理想情況下,我能做到這一點:

$("img").live("error", function() { $(this).attr("src", "/missing.png"); }); 

,所以我不必:

  1. 寫內嵌的JavaScript像<img onerror='x'/>
  2. ,它會工作的動態加載圖片。
+0

爲什麼這很重要? – thirtydot

+0

它告訴我有一個錯誤,我不認爲是一個錯誤。它使應用程序看起來破碎。 –

+0

那麼,它*是一個錯誤*。另外:用戶不檢查他們的Web Inspector。作爲開發人員,你不能簡單地忽略錯誤嗎? – thirtydot

回答

2

不幸的是,在將<img>添加到DOM之前,您需要檢查圖像是否存在。據我所知,這個檢查必須發生在服務器端;即使嘗試使用JQuery/AJAX來執行此操作仍然會導致控制檯中出現404或403錯誤。

相關問題