美文网首页
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