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

2024年07月18日 建站教程

如何利用原生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')
})

本文链接:http://so.lmcjl.com/news/8715/

展开阅读全文
相关内容