使用JavaScript选择图像格式
我使用web scraper api获取不同网站的标题、图像和描述。我想做的事情是获取具有特定格式的图像。。e、 g.仅获取具有jpg格式扩展名的图像。。我正在尝试使用js和if else来实现这一点。。这是代码,不起作用使用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
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”]')
中使用它呢。。非常感谢