img src 默认地址设置

问题：img src 地址不存在时，展示默认图片

解决方案：

//js
//this.onerror='' 防止默认图片失效导致死循环
<img src="image.gif" onerror='this.onerror="";this.src="default.jpg"'/>

//react
<img src={this.state.img} ref={img => this.img = img} onError={
    () => this.img.src = 'img/default.img'
}>

tips: onerror 事件会在文档或图像加载过程中发生错误时被触发。
支持该事件的 HTML 标签:<img>, <object>(添加多媒体时使用), <style>。多用于img。

赏

万水千山总是情 就给一毛行不行

支付宝

微信