JavaScript: 检查图片 URL 是否存在

在开发 Web 应用程序时，我们经常需要使用图片。有时我们需要检查图片的 URL 是否有效，以确保图片可以正确加载。在本文中，我们将介绍 JavaScript 中检查图片 URL 是否存在的方法。

代码示例

以下是一段 JavaScript 代码，用于检查图片 URL 是否存在：

function checkImageURL(url, callback) {
  var img = new Image();
  img.onload = function() {
    callback(true);
  };
  img.onerror = function() {
    callback(false);
  };
  img.src = url;
}

该函数 checkImageURL 接受一个 URL 参数和一个回调函数。如果 URL 存在，则回调函数将传递一个参数 true，否则为 false。

使用方法

要检查图片 URL 是否存在，只需调用 checkImageURL 函数，并传递要检查的 URL 和回调函数作为参数。下面是一个示例用法：

checkImageURL('https://example.com/images/picture.jpg', function(exists) {
  if (exists) {
    console.log('The image exists!');
  } else {
    console.log('The image does not exist.');
  }
});

上述示例中，如果传递的 URL 存在，则将输出 “The image exists!”，否则将输出 “The image does not exist.”。

总结

检查图片 URL 是否存在是一个常见的任务，可以使用 JavaScript 轻松实现。使用 Image 对象的 onload 和 onerror 事件处理程序，可以检查图片是否存在，并在必要时执行相应的操作。