How to make something happen only if no errors were found?

Question

I know I can detect an error like this..

img.onerror = function() {
    console.log('error');
}

But is there a way to make something happen only if no errors were found?

EDIT: specifically I'm trying to link an img from a different source

  var img = new Image();
  img.src = 'link';

is there a way to detect if the link is found then append it to body ONLY if it's found?

"is there a way to make something happen only if no errors were found?" - found where ? — Nir Alfasi, Nov 28 '17 at 03:47
when linking an image. I'll edit the question to be more specific — Magdi Gamal, Nov 28 '17 at 03:48
[This question might be helpful](https://stackoverflow.com/questions/591857/how-can-i-get-a-javascript-stack-trace-when-i-throw-an-exception). — Spencer Wieczorek, Nov 28 '17 at 03:49

H H · Answer 1 · 2017-11-28T20:09:37.547

0

If you want to confirm that the image exist first before loading it to the body, you could do something like this with jquery

var image_url = "https://www.google.co.nz/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" ;

$('<img src="'+ image_url +'">').load(function() {
  alert("image found")
  $(this).appendTo('#testDivID');
}).fail(function() { 
    alert("image not found")
});;

Here is a JS fiddle URL: https://jsfiddle.net/cmd939p4/

edited Nov 28 '17 at 20:09

answered Nov 28 '17 at 04:03

H H

366
1
6

Updated the answer to only show the image if it is found. I also supplied a jsfiddle example. – H H Nov 28 '17 at 20:10

How to make something happen only if no errors were found?

1 Answers1