Checking if image does exists using javascript [duplicate]

by

The general strategy is to use an DOM Image object instance, set the src property to the URL of the image you want to check (which will cause the browser to fetch and load the image), and then handle the load and error events to determine existence or absence, respectively.

Here’s an example promise-based approach:

function imageExists(url) {
  return new Promise(resolve => {
    var img = new Image()
    img.addEventListener('load', () => resolve(true))
    img.addEventListener('error', () => resolve(false))
    img.src = url
  })
}

const url="http://www.google.com/images/srpr/nav_logo14.png"
imageExists(url)
  .then(ok => console.log(`RESULT: exists=${ok}`))
  //                    => RESULT: exists=true

More Related Contents:

  1. How to filter object array based on attributes?
  2. How can I tell if a DOM element is visible in the current viewport?
  3. How to take screenshot of a div with JavaScript?
  4. Vue.js dynamic images not working
  5. Case insensitive XPath contains() possible?
  6. Convert string with commas to array
  7. How to do associative array/hashing in JavaScript
  8. Understanding prototypal inheritance in JavaScript
  9. JavaScript function order: why does it matter?
  10. node.js: read a text file into an array. (Each line an item in the array.)
  11. What do the brackets around the arguments mean when reading documentation for a method? [duplicate]
  12. JavaScript loop performance – Why is to decrement the iterator toward 0 faster than incrementing
  13. How do we or can we use node modules via npm with Meteor?
  14. Passing arguments to angularjs filters
  15. How to dynamically set a function/object name in Javascript as it is displayed in Chrome
  16. Can you write async tests that expect toThrow?
  17. Github – unexpected disconnect while reading sideband packet
  18. JavaScript Dynamic Variable Names
  19. jQuery Mobile : What is the order of page events triggering?
  20. keep placeholder on focus in IE10
  21. three.js transparent object occlusion
  22. Emailing to multiple recipients with html Mailto: not working
  23. How to convert object containing Objects into array of objects
  24. Methods vs Computed in Vue
  25. How to show hidden divs on mouseover?
  26. Using jQuery inArray with array of JavaScript Objects
  27. how to schedule ajax calls every N seconds?
  28. WebSocket on IE10 giving a SecurityError
  29. JavaScript Namespace Declaration
  30. Use a web mobile framework?

Leave a Comment