js 加载图片

作者：夕阳下的孤影发布日期:2025-02-06 浏览:392

// 使用 JavaScript 加载图片的示例代码

// 创建一个新的 Image 对象
const img = new Image();

// 设置图片加载完成后的回调函数
img.onload = function() {
  console.log('图片加载成功');

  // 可以在这里将图片添加到 DOM 中
  document.body.appendChild(img);
};

// 设置图片加载失败的回调函数
img.onerror = function() {
  console.error('图片加载失败');
};

// 设置图片的 src 属性，开始加载图片
img.src = 'https://example.com/path/to/your/image.jpg';

解释说明：

创建 Image 对象：使用 new Image() 创建一个新的图片对象。
设置 onload 回调：当图片成功加载时，onload 回调函数会被触发。在这个例子中，它会输出一条消息并把图片添加到页面的 body 中。
设置 onerror 回调：如果图片加载失败，onerror 回调函数会被触发，并输出错误信息。
设置 src 属性：通过设置 img.src 来指定要加载的图片 URL，从而开始加载图片。

这样就可以用 JavaScript 动态地加载和处理图片了。

上一篇：js 修改class

下一篇：js swiper