使用JavaScript选择图像格式

使用JavaScript选择图像格式,javascript,image,api,format,selector,Javascript,Image,Api,Format,Selector,我使用web scraper api获取不同网站的标题、图像和描述。我想做的事情是获取具有特定格式的图像。。e、 g.仅获取具有jpg格式扩展名的图像。。我正在尝试使用js和if else来实现这一点。。这是代码,不起作用 if(!(image.src == '[src*=".jpg"]')){ console.log('No pic') }else{ image.src = data.image; } 我会这样做: if(!image.src.in

我使用web scraper api获取不同网站的标题、图像和描述。我想做的事情是获取具有特定格式的图像。。e、 g.仅获取具有jpg格式扩展名的图像。。我正在尝试使用js和if else来实现这一点。。这是代码,不起作用

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

我会这样做:

if(!image.src.includes('jpg')) {
  console.log('No pic');
} else {
  image.src = data.image;
}
您可能会添加一个
| |!image.src.includes('.jpeg')
使其更加坚固

或者(如注释中所述)对于所有
jpg
图像元素,只需
querySelectorAll
,您就根本不需要进行上述检查:

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

您可以使用contains进行以下操作:

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

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


此问题/答案可能会有所帮助-

[src*=“.jpg”]
看起来像一个CSS选择器。为什么不在
document.querySelectorAll('[src*=“.jpg”]')
中使用它呢。。非常感谢