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

【问题标题】：How to handle image corrupt or truncated error in phonegap如何处理 phonegap 中的图像损坏或截断错误
【发布时间】：2012-08-24 08:51:55
【问题描述】：

在 Firefox 中处理 localhost 时出现错误“图像损坏或截断”，但服务器上的同一页面不会产生此类错误。我使用同一页面使用 phonegap 开发 android 应用程序并加载image 我的应用程序被终止，“强制退出”。

我已使用以下代码嵌入图像：-

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

html代码如下：

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

仅显示某些图像时会发生此类错误，其余部分可以正常工作。请提及处理此类图像的此错误的方法。

【问题讨论】：

【解决方案1】：

您可以尝试将 jQuery 错误处理程序附加到图像元素。

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

您可以将调用链接到.error() 和attr()，这样您就不必执行两个命令。

当该元素引发 JavaSctipt 错误时，将触发错误回调。

错误事件被发送到由文档引用并由浏览器加载的元素，例如图像。如果元素未加载，则调用它。

关于您的问题的更多相关信息（在本地工作） -

必须在浏览器触发错误事件之前附加事件处理程序，这就是示例在附加处理程序后设置 src 属性的原因。此外，当页面在本地提供时，错误事件可能不会正确触发； 错误依赖于 HTTP 状态码，如果 URL 使用 file: 协议一般不会触发。

【讨论】：