html - 如果图像加载失败，我可以在 alt 属性中显示图像吗

Question

<img src="#" alt="Sorry the image could not be displayed.">

在上面的代码中，我想用 alt 而不是文本显示图像。这样，如果无法连接到互联网，我想将我的网站 Logo 显示为图像。

更新:我正在使用 Phonegap 开发 android 应用程序。

Answer 1

如评论中所述 - 如果您的用户没有互联网连接，他们将无法加载新图像。但是，如果它对您有任何用处并且您出于任何原因想要加载占位符。

你可以用 jQuery 做这样的事情

我已经为您设置了一个简单易懂的基本 fiddle 。

带 # Src 的图像

<img src="#" alt="no image" />

查找#Src 并用占位符替换的变量

var noSrc = '#';
var noImg = 'http://placehold.it/400x500';
$('img[src="' + noSrc + '"]').attr('src', noImg);

只需将 noImg 变量的路径更改为您的图像路径即可。

工作示例:Fiddle

<img src="#" alt="no image" />
$('img[src="#"]').attr('src', 'http://placehold.it/400x500');

没有变量的例子:Fiddle 2