我在PhotoSwipe画廊中展示了一些来自Instagram的图像。问题是,如果图像从Instagram中删除,我会在图库中得到404。
如何检查图像是否导致 404,如果是,则显示本地保存的图像(作为回退)?
您可以使用<img>
标签的onerror
属性
<img src="http://www.somewebsite.com/image.png" width=640 height=640 onerror="this.src='/default.png'" />
如果image.png
不存在,则加载default.png