JS:检查隐藏的图片是否还在浏览器的缓存中？

var img = new Image();
img.src = 'hidden_image.jpg';

img.onload = function() {
  console.log('图片存在于浏览器缓存中');
};

img.onerror = function() {
  console.log('图片不存在于浏览器缓存中');
};

var xhr = new XMLHttpRequest();
xhr.open('HEAD', 'hidden_image.jpg', true);

xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('图片存在于浏览器缓存中');
  } else {
    console.log('图片不存在于浏览器缓存中');
  }
};

xhr.send();