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

2020-06-17  本文已影响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>

上一篇下一篇

猜你喜欢

热点阅读