javascript - 在插入 dom 之前获取图像 url 的状态

Question

我编写了一个小的 JavaScript 方法，它从 S3 存储桶的图像 url 列表中将图像绘制到 DOM。在某些情况下，这些图像的网址可能会损坏。在将这些图像 url 绘制到 DOM 之前，我一直在寻找一种最好的方法来测试这些图像 url 的状态。任何帮助将不胜感激。

Answer 1

您可以在添加图像之前对图像进行 AJAX 并检查 404，或者处理图像的 onError：

<img src="image.png" onerror="hideImage(this);"/>

hideImage然后在函数中追溯地从 dom 中移除图像。

编辑：要远离内联属性，您也可以在文档加载时使用它：

$("img").error(function () { $(this).remove(); }