Javascript 在html错误通知中添加默认图标

我正在使用HTML5通知为我的web应用程序创建通知

我对通知代码使用以下选项：-

var options = {
            body: text,
            icon: encodeParams("/photo?num="+snum+"&id="+cnum),
            dir : "auto",
            tag : cnum,
        };

定义了所有文本、snum和cnum

该图标从服务器中检索并正常工作。 但是，如果服务器上不存在该图标：：通知图标将变为空白

如果找不到图像，我想添加一个默认图标

---

如果没有额外的HTTP调用，是否有人可以对此提供帮助？

最简单的方法是，如果找不到请求的HTTP调用，则让服务器端发送默认值

---

或者，使用javascript预加载所有图像，以便您可以检测不存在的图像，然后在显示通知时用默认图像替换它们-但是，这可能违反您的“无额外http调用”条件

您应该在图像元素上使用Base64 CSS背景图像，这样，如果映像请求失败，您的默认映像将从一开始就存在。这也将处理额外的HTTP请求

例如：

img {
   background-image: url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7);
   background-size: contain;
}

---

有关base64图像编码及其在CSS中的使用的更多信息，请参见

也许我的语言不雅观，但这是一个答案。我知道我的“拥有服务器…”的混淆可能在哪里。这听起来像是一个蹩脚的英语问题，而不是一个糟糕的英语建议：pThanks！我们将对此进行调查：）