javascript - 如何找到并删除一些链接断开的图像元素？

Question

我在 Wordpress 上托管了我的网站。最近我一直面临我的网站中的图片链接损坏的问题。我不知道什么时候发生的。问题出现在唯一的帖子部分。

Answer 1

有一些方法可以做到这一点，但如果你不知道从哪里开始，你可以用 javascript 试试这个：

function findToDeleteBrokenImages() {
  var images = Array.from(document.querySelectorAll("img"));
  
  for (var image of images) {
    var img = new Image();

    img.onerror = function () {
      image.parentElement.removeChild(image);
    };
    
    img.src = image.src;
  }
};

findToDeleteBrokenImages();

<img src="foo" />

但请注意，也有几种显示图像的方法。因此，如果您的图像显示为某个div元素的背景 或canvas，您可以使用与上述代码相同的逻辑，但删除/删除该元素的方式不同。