javascript - OnError 不显示默认图像

Question

当 src 中指定的其他图像不存在时，我试图显示默认图像，所以我这样做了:

<img src=".././uploads/images/avatar/' + user.id + '.png" onerror="this.src='+"assets/img/default-avatar.png"+'"></div>';

问题是我仍然得到损坏的缩略图。奇怪的是:如果我切换 src，那么我将 assets/img/default-avatar.png 放在 src 中一切正常，知道吗？

Answer 1

确保引号匹配:

'<img src=".././uploads/images/avatar/' + user.id + '.png" onerror="this.src='+"assets/img/default-avatar.png"+'"></div>';

或者，更具可读性，使用 template strings 的力量:

`<img src=".././uploads/images/avatar/${user.id}.png" onerror="this.src='${"assets/img/default-avatar.png"}'"></div>`;