Uncaught ReferenceError: emptyimage is not defined

Question

Incase a img is not found , i am showing an alternate default image this way

var defaultimage = "images/emptyimage.jpg";


divhtml.append('<i><img class = "imgclss" id="'+name+'" src="'+imagename+'" onerror="this.onerror=null;this.src='+defaultimage+'"/></i>');

But in browser console , i am getting this undefined error

Uncaught ReferenceError: emptyimage is not defined

could anybody please help me how to resolve this errors?

I was folowing this link to resolve the issue

how to show alternate image if source image is not found? (onerror working in IE but not in mozilla)

show the full code, you are using `emptyimage` as string why it should throw an error, are you missing anything. — Mritunjay, Aug 25 '14 at 13:14
That code doesn't use a variable of that name so it wouldn't give that error. — Quentin, Aug 25 '14 at 13:15
Incase if i put var defaultimage = "images/home-logo.jpg"; , its giving home is not defined . :) — Pawan, Aug 25 '14 at 13:16

score 3 · Accepted Answer · answered Aug 25 '14 at 13:19

Your error is here :

onerror="this.onerror=null;this.src='+defaultimage+'"

After the interpretation, it look like this :

onerror="this.onerror=null;this.src=images/emptyimage.jpg"

You need to wrap your variable to make it a string once the javascript interpreted :

onerror="this.onerror=null;this.src=\''+defaultimage+'\'"

score -1 · Answer 2 · answered Aug 25 '14 at 13:17

-1

Try this:

var defaultimage = new Image();
defaultimage.src = "images/emptyimage.jpg";

// define `name` and `imagename`

divhtml.append('<i><img class="imgclss" id="'+name+'" src="'+imagename+'" onerror="this.onerror=null;this.src='+defaultimage.src+'"/></i>');

answered Aug 25 '14 at 13:17

web-nomad

6,003
3
34
49

Thanks , but why its giving Uncaught SyntaxError: Unexpected identifier – Pawan Aug 25 '14 at 13:18

score -1 · Answer 3 · answered Feb 10 '22 at 08:27

How do I fix uncaught ReferenceError is not defined?

Answer: Execute Code after jQuery Library has Loaded

The most common reason behind the error "Uncaught ReferenceError: $ is not defined" is executing the jQuery code before the jQuery library file has loaded. Therefore make sure that you're executing the jQuery code only after jQuery library file has finished loading.

Uncaught ReferenceError: emptyimage is not defined

3 Answers3