img先设置一个占位符,用来存放后台返回的图片地址,如果图片存在且地址正确则替换掉当前图片,如果后台获取的图片地址不正确,则还显示默认图片,这里提供onerror进行控制:
<img src="../images/default_male.png" alt="店铺icon" id="store-img" class="store-logo" onerror="javascript:this.src='../images/default_male.png'">
请求后台接口后得到图片的src放在merchantImg中存放,可以替换占位图片:
$("#store-img").attr("src",merchantImg);