如何处理phonegap中的图像损坏或截断错误

Question

在firefox中使用localhost时出现错误'图像损坏或截断'，但服务器上的同一页面不会产生这样的错误。我使用相同的页面开发使用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使用文件：protocol，则通常不会触发。