Render default image when image not found on server

Question

I have a web page which renders images from a server. If the image is not found, currently the IIS server returns 404 error and hence the image is not rendered.

I have a requirement to put a default image in case the image is not found on the server.

Can I make this setting on the IIS server so that it returns the default image for every invalid image requests?

possible duplicate of [jQuery/Javascript to replace broken images](http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images) — Govind Singh, Mar 20 '14 at 06:34

score 1 · Answer 1 · answered Mar 20 '14 at 06:30

You can use the javascript onerror() event for images that are not found:

function imgError(image) {
        image.onerror = "";
        image.src = "somePlaceholderImage.gif";
        return true;
 }

then your images would be like this:

<img alt="some ALT text" src="http://someurlhere" onerror="imgError(this);">

score 0 · Answer 2 · answered Dec 24 '15 at 10:24

   <rewrite>
            <rules>
                <rule name="RewriteNoneExist">
                    <match url="\.(gif|jpe?g|png|bmp)"  ignoreCase="true" />
                    <conditions>
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="gfx/default.png" />
                </rule>
            </rules>
        </rewrite>

Render default image when image not found on server

2 Answers2