JavaScript检查文件是否存在，如果不存在

Question

我正在处理需要在第一列中返回图像的表。 下面的代码可以正常工作，除非找不到图像，否则我将收到错误消息。

我想检查文件是否存在以及是否不存在，以返回默认图像。我应该如何处理？

谢谢

              Cell: cellProps => {
                const imgPath = cellProps.row.ExternalID;
                return (
                  <img
                    src={require(`../images/${imgPath}.png`)}
                    alt=""
                  />
                );
              }

Answer 1

使用onerror属性：

              <img
                src={require(`../images/${imgPath}.png`)}
                alt=""
                onerror="this.src='../images/default.png'"
              />