[英]Replace image with div if image doesn't exists
如何正确反映图像(如果存在)并用div
替换?
// I don't know how to get `imageExists` without making cross-origin
(imageExists) ? (<img class="avatar-img" src={this.state.imageDataUrl}/>) :
(<div class="avatar-img no-avatar"><span>{shortcut}</span></div>)
当然,我可以单独做XmlHttpRequest
但这有很多不必要的代码+跨域。
使用onerror
事件捕获所有无法加载的图像,并用所需的<div>
替换它们:
$('img').on('error', function() {
$(this).replaceWith('<div class="avatar-img no-avatar"><span>{shortcut}</span></div>');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.