javascript - 使用 jquery 在页面上查找具有特定文件名的图像

Question

我需要检查页面以检查某些图像是否已加载，即。未返回 404。如果它们不可用，我想用默认图像替换图像。

我知道我可以为图像分配一个 onerror 处理程序。

首先，我需要使用选择器来查找所有来源包含以下图像名称的图像 ->/folder/Product_1234_P.jpg 或/folder/Product_9876_Q.gif

关于如何创建高性能选择器的任何想法，我可以使用它来查找此类图像，以便我可以检查图像是否已加载，如果没有将图像名称替换为:Product_Default_P.jpg 或 Product_Default_Q.gif

任何帮助或建议都会很棒。

Answer 1

您可以使用图像的 error handler和 attribute contains selector像这样:

$("img[src*=Product]").error(function() {
    $(this).attr('src', 'notfound.jpeg');
});