javascript - 如果图像不可用，则显示图像占位符

Question

嘿伙计们，我正在使用这个 PHP 将图像拉到我的前端:

echo '<img class="ms-thumb" src="'.(explode(',', $cardata["PictureRefs"])[0]).'" alt="'.$cardata["Variant"].'" />';

因此，我从数据库中获取图像并将它们显示在列表中，在极少数情况下，某些 SQL 行不会有图像 URL。

任何人都可以向我展示一个代码示例，如果 src=""为空，我可以使用它来显示占位符图像吗？

我不太擅长 JS，我猜我需要使用它来完成这个任务。

任何有关如何做到这一点的示例都很棒。

Answer 1

编辑简单的行，如果图像为空(不存在)，这将放置图像。将 src 属性替换为此属性

   src="'.(!empty( $cardata["PictureRefs"]))?(explode(',', $cardata["PictureRefs"])[0]):'img/placeholder.jpg' .'"

img 的路径在哪里

'img/placeholder.jpg'

将其更改为占位符路径