当前位置: 首页 > 面试题库 >

jQuery / JavaScript替换损坏的图像

彭洲
2023-03-14
问题内容

我有一个包含一堆图像的网页。有时,该图像不可用,因此在客户端的浏览器中会显示损坏的图像。

如何使用jQuery获取图像集,将其过滤为损坏的图像,然后替换src?

-我以为使用jQuery会更容易,但是事实证明,仅使用纯JavaScript解决方案(即Prestaul提供的解决方案)要容易得多。


问题答案:

处理onError事件以使用JavaScript重新分配图像源:

function imgError(image) {
    image.onerror = "";
    image.src = "/images/noimage.gif";
    return true;
}



<img src="image.png" onerror="imgError(this);"/>

或没有JavaScript函数:

<img src="image.png" onError="this.onerror=null;this.src='/images/noimage.gif';" />


 类似资料:
  • 问题内容: Internet Explorer 11(Windows 7构建)中的对象包含某些函数的字符串表示形式,而不是您期望的本机调用。 这只能用原始的JavaScript破坏,而JSFiddle这样的网站对此代码没有问题,但是我怀疑是因为有适当的polyfill对其进行了纠正。 以以下HTML页面代码为例: 这在我安装的所有浏览器(IE11除外)中都可以很好地工作。第一行’ SCRIPT50

  • 问题内容: 我使用Eclipse在Windows 7中创建了一个jar文件。当我尝试打开jar文件时,它说jar文件无效或损坏。谁能建议我为什么jar文件无效? 问题答案: 当您在Windows资源管理器中双击一个JAR文件时,会发生这种情况,但是JAR本身实际上不是 可执行的 JAR。真正的可执行JAR至少应具有带有方法的类,并在中引用它。 在Eclispe中,您需要将项目导出为 Runnabl

  • 问题内容: 一些背景: 在使用Macports的Mac OS X 10.6上,我已经DYLD_LIBRARY_PATH在.bash_profile中进行了设置。 问题: 运行时出现java -version此错误: VM初始化期间发生错误 无法加载本机库:libjava.jnilib 通过一个有用的论坛线程,我发现问题是由于设置了’/ opt / local / lib’目录中的某些文件而导致了麻

  • 出于性能考虑,我们尝试重新使用相同的KieBase对象来为针对相同规则集的每个规则调用生成新的KieSession。Everthingyth运行良好,直到一段时间后,突然,从缓存的kieBase新创建的kieSession停止触发它应该触发的规则。 但是一旦我们摆脱了缓存的kieBase并重新创建了一个新的kieBase和新的kieSession,它就会再次开始工作。 我们的理解是,kieBase

  • 我写了一些使用javascript/jQuery捕获图像的代码下面是代码: 项目_图像打印base64格式,如何将base64转换为图像,以及如何在javascript客户端中使用该路径。 我在谷歌搜索了这么多网站,但它不工作,而且代码不适合我的要求。

  • 问题内容: 我正在编写一个模块,该模块从json获取文章数据,并在文章文本上显示大图像,这就是他们所说的英雄模块。 我已经有了数据并进行了设置,因此,如果有图像,它将显示该图像,如果数据中没有图像,则将显示默认图像。问题在于此方法不会替换断开的链接以显示默认图像。 我还是刚开始反应并使用状态…问题是,我应该使用状态来检查断开的链接,我该怎么做? 这就是我如何在模块中作为道具获取数据的方式: 我以这