正文

如果找不到图像则回退

 2023-03-28  179

关键词：

【中文标题】如果找不到图像则回退【英文标题】：Fallback if image not found 【发布时间】：2022-01-12 11:31:12 【问题描述】：

如果在 SVG <image> 元素上指定的文件未找到，则结果是不可预测的。在 Firefox 中，我没有得到任何指示，也没有错误。在 Chrome 中，我得到了一些默认的箱形风景图像。

有没有办法提供替代图像，例如漂亮的错误标记？我已经看到了 HTML 中涉及属性的类似问题的解决方案：

onerror="this.onerror=null; this.src='Default.jpg'"

但这在我的 SVG 中不起作用（即使在将 src 更改为 href 之后）。我还看到了一个作弊，其中使用额外的src 属性为正常的href 提供了一个回退（参见SVG Fallbacks），但它似乎依赖于浏览器中实现的一个怪癖并且不再起作用（至少不在 Firefox 中）。

我正在寻找一种至少适用于 Firefox、Chrome 和 Edge 的方法。

【问题讨论】：

非常感谢，像往常一样，罗伯特。这甚至适用于 IE11。你想把它变成一个答案以便我接受吗？ 【参考方案1】：

你想要

this.href.baseVal='Default.jpg'

由于 SVG 对 SMIL 的支持

【讨论】：

这种方法唯一的缺点是我需要将 onerror 添加到每个图像元素（我有很多）。我找不到动态添加这些的方法，因为加载事件对于错误检测来说太晚了。

Spring Security + OAuth，如果没有访问令牌则回退

】SpringSecurity+OAuth，如果没有访问令牌则回退【英文标题】：SpringSecurity+OAuth,fallbackifaccesstokenabsent【发布时间】：2015-03-3010:39:04【问题描述】：我在我的应用程序中使用SpringSecurity来保护我的大部分端点。我正在使用SpringSecurityOAu... 查看详情

javascript从googlecdn加载jquery，但如果失败则回退到本地(代码片段)

查看详情

如果 AUDIO 标签中的源无效，则回退到默认值

】如果AUDIO标签中的源无效，则回退到默认值【英文标题】：FallbacktothedefaultifsourceisinvalidinAUDIOtag【发布时间】：2012-04-0417:13:53【问题描述】：所以我有一个基本的音频元素。假设我有一个mp3源。我正在使用火狐。浏览器看到音... 查看详情

autowired和resource的区别.

...注入,只有当找不到与匹配的bean才会按照类型来装配注入.如果同时指定了name和type,则从Spring上下文忠找到唯一匹配的bean进行装配,找不到则抛出异常.如果指定了name,则从上下文中查找名称匹配的bean进行装配,找不到则抛出异常.如... 查看详情

如果找不到图像，如何防止显示图像占位符？

】如果找不到图像，如何防止显示图像占位符？【英文标题】：Howtopreventthedisplayofimageplaceholderiftheimageisnotfound?【发布时间】：2011-10-2105:34:19【问题描述】：如果找不到图像，有没有办法不显示图像占位符？我已经通过自动提要... 查看详情

如果使用 javascript 或 jQuery 找不到源图像，如何显示图像标题

】如果使用javascript或jQuery找不到源图像，如何显示图像标题【英文标题】：HowtoshowimagetitleifsourceimageisnotfoundusingjavascriptorjQuery【发布时间】：2021-09-2302:07:07【问题描述】：我想在图像损坏或在给定路径中找不到图像时显示图像标... 查看详情

Xamarin Forms：如果找不到 URL，则默认图像

】XamarinForms：如果找不到URL，则默认图像【英文标题】：XamarinForms:DefaultImageifUrlnotfound【发布时间】：2016-05-2004:10:04【问题描述】：在xamarin表单中，我们可以像这样创建图像：Imagei=newImageSource="http://www.foo.com/foo.jpg;在将这个添加... 查看详情

@autowired和@resouce注入顺序

@Resource装配顺序：①如果同时指定了name和type，则从Spring上下文中找到唯一匹配的bean进行装配，找不到则抛出异常。②如果指定了name，则从上下文中查找名称（id）匹配的bean进行装配，找不到则抛出异常。③如果指定了type，则... 查看详情

Flutter：如何优先显示来自 Asset 的图像，如果找不到，则显示来自 URL 的图像？

】Flutter：如何优先显示来自Asset的图像，如果找不到，则显示来自URL的图像？【英文标题】：Flutter:HowtoprioritizedisplayingtheimagefromAsset,ifitcan\'tbefound,thendisplayimagefromURL?【发布时间】：2020-09-1109:50:19【问题描述】：这是JSON文件：["id"... 查看详情

如果找不到源图像，如何显示替代图像？（在 IE 中工作但在 Mozilla 中不工作的错误）[重复]

】如果找不到源图像，如何显示替代图像？（在IE中工作但在Mozilla中不工作的错误）[重复]【英文标题】：howtoshowalternateimageifsourceimageisnotfound?(onerrorworkinginIEbutnotinmozilla)[duplicate]【发布时间】：2011-04-2809:51:12【问题描述】：如果... 查看详情

spring中@autowired和@resource的作用及区别

...有当找不到与名称匹配的bean才会按照类型来装配注入;1、如果同时指定了name和type，则从Spring上下文中找到唯一匹配的bean进行装配，找不到则抛出异常2、如果指定了name，则从上下文中查找名称（id）匹配的bean进行装配，找不到... 查看详情

Vue.js 找不到图像 [关闭]

...片（结果）【问题讨论】：请不要添加图片。添加代码。如果没有修改其他vuecli配置，你应该使用/i 查看详情

找不到预加载的图像 (emscripten)

...录中。我使用以下代码预加载目录：--preload-filedata@但是如果我运行编译后的代码，我会得到这个错误：Cannotfindpreloadedimag 查看详情

在 iWatch 错误中找不到名为“xx”的图像

...钮，都没有在真实手表上显示。错误来了，找不到图像。如果在模拟器中运行应用程序，图像会出现，但不会出现在iwatch上。为iwatch应用检查图像目标。我认为这是因为图像和图查看详情

aapt 找不到 9Patch 图像

...在创建.apk文件时备货。aapt说他找不到0.9的图片。结尾。如果我重命名这些图片并删除.9。结束然后一切正常，没有应用程序中图片的正确大小。设置我发现我必须“处理”这些图片，就像他在页面上所说的那样：AntBuildAAP 查看详情

正文