我如何处理本地文件夹中不存在的错误图像

Question

我有一个显示一堆信息的列表和 img 标签中的一个函数，该函数在本地文件夹中搜索该信息的特定图像，但其中一些信息没有图像，我想处理这个错误，并且不要在控制台中显示它，因为它正在淹没我的控制台

有人知道处理这个问题的方法吗？

编辑：从本地文件夹抓取图片的代码

  getImageBySymbolInLocalPath(symbol) {
    symbol = symbol.toUpperCase();
    return `../assets/assets-image/${symbol}.PNG`;
  }

Edit2: 在 html 中我有这个 onError attr:

<img [src]="getAssetImageBySymbol(favorite.symbol)" onError="this.src='assets/images/asset-error.png'" />

Answer 1

  getImageBySymbolInLocalPath(symbol) {
    try{
      symbol = symbol.toUpperCase();
      return `../assets/assets-image/${symbol}.PNG`;
    catch(err){
      return "Some static image url with not found name or we say default image url";
    }
  }

试试上面的代码...编码愉快...:)

Answer 2

getImageBySymbolInLocalPath(symbol) {
  let image = new Image();
  let url_image = 'your image url';
  image.src = url_image;
  if (image.width !== 0) {
     return `image url`;
  } else {
     return `error image url`;
  }
}

这会奏效。您尝试使用预定义的路径创建图像，然后尝试读取其宽度。如果宽度为零，则图像不存在，您可以 return 错误图像的字符串。

我如何处理本地文件夹中不存在的错误图像

How can i handle an error image that doenst exist in a local folder

error-handling

image

local

angular

ionic4