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

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

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

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

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

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

</object>


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。