Q52 How do I check if an image file exists?

irt.org | Knowledge Base | JavaScript | Image | Q52 [ previous next ]

Q52 How do I check if an image file exists?

Netscape 3+ supports the image objects onError method:

<img src="http://www.anywhere.com/myimage.gif" height="100" width="100" onerror="alert('Image missing')">

Note: You need to use onerror, not onError otherwise it won't work in Internet Explorer.

Ryan Kelly writes:

You can also use the Image() object to test for the existence of a generic image (or any number of images) without ever displaying them on the page:

<script language="JavaScript"><!-
function testImage(URL) {
    var tester=new Image();
    tester.onLoad=isGood;
    tester.onError=isBad;
    tester.src=URL;
}

function isGood() {
    alert('That image exists!');
}

function isBad() {
    alert('That image does no exist!');
}
//--></script>

This can be useful if, for example, the user must specify an image and you want to check whether it exists before submitting the form.

Feedback on 'Q52 How do I check if an image file exists?'

• Saturday July 07, 2007 at 12:17:15 funky
• Saturday June 30, 2007 at 10:11:52 ThomAce
• April 13, 2002 at 05:16:42: Ron Brown
• July 22, 2001 at 07:34:28: Kim Moser
• 18:41:58 6/12/01 Ryan Kelly
• 17:02:40 2/23/01 Bo
• 19:09:51 8/23/00 Ryan Kelly
• 09:51:19 7/07/00 pablo