js--判断图片资源是否存在

在 JavaScript 中，可以使用 `Image` 对象来判断图片资源是否存在。具体做法如下：

1. 创建一个 `Image` 对象。

const img = new Image();

2. 给 `Image` 对象设置 `src` 属性，并监听 `load` 和 `error` 事件。

img.src = '图片路径';
img.onload = function() {
  console.log('图片存在');
};
img.onerror = function() {
  console.log('图片不存在');
};

3. 判断图片资源是否存在。

如果图片资源存在，`onload` 事件会被触发，如果图片资源不存在，`onerror` 事件会被触发。

完整的代码如下：

const img = new Image();
img.src = '图片路径';
img.onload = function() {
  console.log('图片存在');
};
img.onerror = function() {
  console.log('图片不存在');
};

相关问题

vue--判断图片资源是否存在

可以使用 JavaScript 中的 Image 对象来判断图片资源是否存在。

具体实现方法如下：

1. 创建一个 Image 对象。

2. 将图片的 URL 赋给 Image 对象的 src 属性。

3. 监听 Image 对象的 load 和 error 事件。

4. 在 load 事件中，表示图片资源存在，可以进行相应的操作。

5. 在 error 事件中，表示图片资源不存在，可以进行相应的操作。

代码示例：

function checkImgExist(imgUrl) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    img.onload = function() {
      resolve(true);
    };
    img.onerror = function() {
      reject(false);
    };
    img.src = imgUrl;
  });
}

// 使用方法
checkImgExist('https://example.com/image.png')
  .then(result => {
    console.log('图片资源存在');
    // 执行相应的操作
  })
  .catch(error => {
    console.log('图片资源不存在');
    // 执行相应的操作
  });

在上述代码中，checkImgExist 函数返回一个 Promise 对象，resolve 表示图片资源存在，reject 表示图片资源不存在。使用时，可以使用 then 方法和 catch 方法分别处理 resolve 和 reject 的结果。