我在Android 4.4上的PhoneGap遇到了一个奇怪的错误,我无法在线找到任何解决方案。在我的应用程序中,我从远程服务器加载了许多不同的图像,当用户来回导航时,每个页面上都会加载新图像(一次4个,具体来说,通过jQuery生成的html)。在来回导航一段时间后,一些图像将随机出现,而不是显示典型的"破碎的图像"图标。
现在,这里有一个奇怪的部分:我一直按照jQuery/JavaScript to replace broken images的说明进行了一些自己的测试。总之,naturalWidth和naturalHeight参数报告正确的图像大小,并且所有图像的完整报告都是真实的。因此,上述SO线程中提到的解决方案根本不起作用。无论有没有setTimeout,更改图像src都没有帮助(我尝试将当前时间戳作为参数添加到图像路径中)。
有没有其他人遇到这个问题,还是我在这里疯了? :)
编辑:顺便说一下,没有报道任何错误。因此,在加载图像时不会调用错误处理程序,因此使用已建议的方法解决问题是无用的(请参阅上面的链接)。
答案 0 :(得分:0)
这是我处理错误图像的方式,
<img src="images/imageName.jpg" onError="onErrorFunc(this);" alt=" " />
function onErrorFunc(elem){
var imgUrl = "https://alternative-image";
elem.onerror = function (){
elem.src='images/noimage.jpg';
}
elem.src=imgUrl;
}
希望它有所帮助!