使用 JavaScript 选择图像格式答案

【问题标题】：Select image format using JavaScript使用 JavaScript 选择图像格式
【发布时间】：2021-03-23 13:24:45
【问题描述】：

我正在使用 web scraper api 来获取不同网站的标题、图像和描述。我想做的是获取具有特定格式的图像..例如只获取具有 jpg 格式扩展名的图像.. 我正在尝试使用带有 if else 的 js 来做到这一点.. 这是代码并且不起作用

if(!(image.src == '[src*=".jpg"]')){
    console.log('No pic')
  }else{
    image.src = data.image;
  }

【问题讨论】：

[src*=".jpg"] 看起来像一个 CSS 选择器。为什么不在document.querySelectorAll('[src*=".jpg"]') 中使用它？

【解决方案1】：

我会做这样的事情：

if(!image.src.includes('jpg')) {
  console.log('No pic');
} else {
  image.src = data.image;
}

您可能可以添加一个|| !image.src.includes('.jpeg') 来加强它。

或者（如 cmets 中所述）对于所有 jpg 图像元素只需 querySelectorAll，那么您根本不需要上述检查：

const imageElements = document.querySelectorAll('[src*=".jpg"]');

【讨论】：

【解决方案2】：

您可以为此使用 contains：

if(!(image.src.contains("jpg")){
    console.log('No pic')
 }else{
    image.src = data.image;
}

【讨论】：

【解决方案3】：

如果不了解您正在使用的 API，这有点难以了解，但通常您会希望检查文件/图像的 MIME 类型（如果 API 为您提供了该选项）。在您的特定情况下，MIME 类型将是 images/jpeg。

【讨论】：