美文网首页
H5中img的图片路径不存在时使用默认图片

H5中img的图片路径不存在时使用默认图片

作者: 起个名称好难 | 来源:发表于2020-06-17 10:53 被阅读0次

我们在开发中经常碰到 图片地址失效,这时候出现下图情况,这个时候希望图片地址无效的时候,显示我们默认图片,

查看w3c,我们发现有object标签:

元素用于在网页中包含对象,比如:图像、音频、视频、Java applet、ActiveX、PDF、Flash 等,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 和 之间的代码。通过这种方式,我们能够嵌套多个 object 元素

<object data={item.image} type="image/png">

    <img src={'/img/common/default.png'} />

</object>

相关文章

网友评论

      本文标题:H5中img的图片路径不存在时使用默认图片

      本文链接:https://www.haomeiwen.com/subject/vhbjxktx.html