how can i check if image exists in assets folder using angular 4

Question

I need to check if a image exists in the folder using Angular 4.I have a list of image name that is returned from the server. What I need is to check if that image exists in the asset folder. Any help or idea would be great.

what do u mean? i need to check if the image exists in the folder by name — Karty
– Karty, Commented Nov 14, 2017 at 10:04

Patryk Brejdak · Accepted Answer · 2017-11-15 09:08:33Z

11

Try this. Answer found on link

// The "callback" argument is called with either true or false
// depending on whether the image at "url" exists or not.
function imageExists(url, callback) {
  var img = new Image();
  img.onload = function() { callback(true); };
  img.onerror = function() { callback(false); };
  img.src = url;
}

// Sample usage
var imageUrl = 'http://www.google.com/images/srpr/nav_logo14.png';
imageExists(imageUrl, function(exists) {
  console.log('RESULT: url=' + imageUrl + ', exists=' + exists);
});

I would like to warn you. Becareful with it, It can run you to performance issue for checking more images at once due to it's loading images to memory if exists.

edited Nov 15, 2017 at 9:08

answered Nov 14, 2017 at 10:56

Patryk Brejdak

1,60115 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hardcorelite · Accepted Answer · 2023-12-05 07:05:10Z

0

Try this

imageExists(itemId) {
    let img = new Image();
    img.src = 'assets/menu_image/'+itemId+'.jpg';
    if (img.complete){
        return 'assets/menu_image/'+itemId+'.jpg'
    }else {
        return 'assets/logo-white.png'
    }
}

answered Dec 5, 2023 at 7:05

hardcorelite

11

Collectives™ on Stack Overflow

how can i check if image exists in assets folder using angular 4

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related