原生js如何判断图片是否存在

如何利用原生js判断页面中是否存在某张图片，下面web建站小编给大家简单介绍一下具体实现代码！

代码如下：

// 获取所有要判断的图片节点
const images = document.querySelectorAll('.pic')
 
// 循环遍历每个图片节点
images.forEach(image => {
 
  // 创建一个新的Image对象
  const img = new Image()
 
  // 加载完成，显示实际图片
  img.onload = () => {
    image.src = image.getAttribute('src-real')
  }
 
  // 加载失败，显示默认图片
  img.onerror = () => {
    image.src = 'images/default.jpg'
  }
 
  // 设置Image对象的src属性并加载图片
  img.src = image.getAttribute('src-real')
})