javascript - 如何用css中的默认图像替换不存在的图像？

Question

我有一个 10 行的表，其中第一列中有一个用户的图像：

<table>
  <tr><td><img src='images/35067.png'/></td></tr>
  <tr><td><img src='images/35089.png'/></td></tr>
  .... <!-- more rows -->
</table>

图像文件名由其在mysql中的数据记录的[id]生成。一些用户没有分配给他们的图像，并且文件在 [images/] 路径中不存在。我想用默认的现有图像替换无效图像，例如

src='images/default.png'

我有一些条件，该操作必须在客户端完成，而不是在服务器端，它可以用 CSS 或 java-script 来完成。

Answer 1

这会起作用

<img src='images/35067.png' onerror='this.src="images/default.png"'/>