javascript - JS如何判断远程图片是否存在

Question

<img src="http://s1.sinaimg.cn/orignal/001qH9BXgy6YfHfV00Eb0&quot;/>
页面加载之前，如何判断远程图片是否存在，能否顺利加载
不能修改原html，只适配webkit

Answer 1

分场景来看：图片地址是否跨域

1、不跨域
a、通过ajax请求图片，并将type设置为head（减少请求数据量），看返回结果，参考：http://stackoverflow.com/questions/4715223/ajax-head-request-via-javascript-jquery

b、跨域 里提到的方案

2、跨域
a、代理服务器，提供类似 http://xxx.xxx.xxx/is_img_exists 的接口。接口内部做得事情，跟上面的差不多，请求图片（head），然后返回结果。

b、img.onload/img.onerror

Answer 2

img onerror事件