js判断图片地址是否有图片

Question

只知道图片地址，不知道是否存在这个图片，<img width="157" height="166" border="0" title="" alt="" src="userPic/119s1.jpg" class="ubg" id="userPic"/>比如，上边这个，
用JS判断如果有图片则显示，没有这个图片，则换另外一个图片，高手指点一下，我应怎么来用JS判断这个图片是不是存在。。

Answer 1

 <img width="157" height="166" border="0" title="" alt="" src="userPic/119s1.jpg" class="ubg" id="userPic" onerror=""javascript:errpic(this)"" />var web_url="/"; 
function errpic(thepic){ 
thepic.src=web_url+"images/nopic.gif" 
} 用onerror这个js函数来处理，代码如上。

Answer 2

不过，我觉得更好的办法是这个操作放到服务器端去进行，因为服务器更容易进行这种有一点点复杂的逻辑处理，而且那个 onerror 也只有IE才支持，在firefox下面完全不起作用 

Answer 3

     这个问题如果在集合体（如datalist，GridView）中的话，可以在服务器端定义一个隐藏字段，给它赋值，如果有图片的话就让它的为True，否则的话就为false，用js 变量去接收一下这个隐藏字段的值，根据它的值来判断是否换图片。这个方法是可行的。
   如果是Table的话最好还是在服务器端判断比较好。
   不知道这种方法可以不，如果你更换的图片url 是固定的，则可以写一个js 函数，在页面每次加载时都执行它，函数内循环判断是否跟那个url相等，如果不等的话就用以前的，否则的话就给更换成上面的那个url

Answer 4

我觉得onerror还不错就是兼容性太差。。还有更高的招没？？

Answer 5

我的是在JS里，没有在服务器集合生成。而且这个图片的文件名是一个变量，但不知道是否存在这个图片。所以要用这个变量加上.jpg，才判断是否存在图片