Best way to display default image if specified image file is not found?

Question

I\'ve got your average e-Commerce app, I store ITEM_IMAGE_NAME in the database, and sometimes managers MISSPELL the image name.

To avoid \"missing images\" (red X in IE

Answer 1

I like Erik's solution, but without removing the event after the first execution, because if you are using that code in, let's say, an MVC partial view, this will work only the first time it is loaded. So I'd go with:

In case you have many images in the same situation, like a grid, you can do this instead:

$("img").on("error", function () {
    $(this).attr('src', 'default.jpg');
});

Of course, you may want to use a more specific jQuery selector.