在插入dom之前获取图像URL的状态

Question

我编写了一个小型JavaScript方法，可以从S3 Bucket的图像网址列表中将图像绘制到DOM中。在某些情况下，这些图像可能有破碎的网址。在将它们绘制到DOM之前，我一直在寻找使用JavaScript测试这些图像URL状态的最佳方法。任何帮助将不胜感激。

Answer 1

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

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

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

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

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