如何處理電話中的圖像損壞或截斷錯誤

Question

在firefox中使用本地主機時獲取錯誤「圖像損壞或截斷」，但服務器上的相同頁面不會產生這樣的錯誤。我使用了相同的頁面開發一個使用phonegap的android應用程序，並加載圖像我的應用程序終止，'強制退出'。

我已經使用以下代碼嵌入在圖像： -

$("#logo").attr('src', 'url'); 

和HTML代碼如下：僅顯示某些圖像時，發生

<img style="width:190px; height: 145px; margin-top: 0%;" id="logo"/> 

這種錯誤休息它的工作原理精細。 請提及一種處理此類圖像的錯誤的方法。

Answer 1

你可以嘗試去處理一個jQuery錯誤處理程序到圖像元素。

$('#logo').error(function() { 
    alert('An error occurred when loading the image!.') 
}).attr("src", URL); 

你可以鏈.error()和attr()調用，這樣你就不必執行兩個指令。

錯誤回調將在該元素上出現JavaSctipt錯誤時觸發。

從the jQuery documentation摘自 -

錯誤事件被髮送到的元素，例如圖像，由一個文檔引用並由瀏覽器加載。如果元素未加載，則調用它。

關於您的問題，一些更多的相關信息（本地工作） -

事件處理程序的瀏覽器觸發的錯誤事件，這就是爲什麼示例後的src屬性設置之前，必須附附加處理程序。此外，當頁面在本地服務時，錯誤事件可能無法正確觸發; 錯誤依賴於HTTP狀態代碼，如果URL使用file：協議，通常不會被觸發。