如何用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脚本完成操作。

Answer 1

这样可行

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