JavaScript 检查图像 src

在 Web 开发中，我们常常需要检查图像是否加载成功。JavaScript 提供了一种检查图像 src 的方法，可以通过这种方法来判断图像是否成功加载，从而在需要的时候进行相关操作。

检查图像 src

检查图像 src 的方法如下：

function checkImage(src, successCallback, errorCallback) {
  var img = new Image();
  img.onload = successCallback;
  img.onerror = errorCallback;
  img.src = src;
}

方法接受三个参数：

• src：图像地址，必填。
• successCallback：图像成功加载后的回调函数，可选。
• errorCallback：图像加载失败后的回调函数，可选。

当使用该方法检查图像时，会创建一个新的图像对象 img，并将其 src 属性设置为传入的地址 src。接下来，将为该图像对象绑定 onload 和 onerror 事件处理函数，分别在图像成功加载和加载失败时执行相应的回调函数。最后，该方法返回新创建的图像对象 img。

使用示例

下面是一个使用示例：

var src1 = 'https://via.placeholder.com/150';
var src2 = 'https://via.placeholder.com/zzz';

function successCallback() {
  console.log('图像加载成功！');
}

function errorCallback() {
  console.log('图像加载失败！');
}

checkImage(src1, successCallback, errorCallback); // 图像加载成功！
checkImage(src2, successCallback, errorCallback); // 图像加载失败！

在该示例中，定义了两个图像地址 src1 和 src2，分别对应一个存在的图像和一个不存在的图像。对于这两个地址，定义了两个回调函数 successCallback 和 errorCallback，分别在图像成功加载和加载失败时执行。最后，分别使用 checkImage 方法检查这两个图像，并根据检查结果执行相应的回调函数。