javascript - 删除具有一定宽度和高度的图像

Question

我创建了一个网站，可以通过 IFTTT.com 自动将图像帖子从 Reddit 上传到我的 WordPress 网站 ( Tattoo.ws )。我的问题是:有些帖子没有图像，我希望自动删除它们。

如果您访问该网站，您会看到一些图像是通用的，其中注明“图像未找到”。到目前为止，我一直在手动删除带有通用“图像未找到”图片的帖子，但继续执行此操作需要很长时间。

我正在寻找一些东西，无论是 PHP 还是 JS，它都可以通过定位图像来源的 url 或图像大小来删除这些图像。

非常感谢任何帮助!

Answer 1

您在该网站上使用 jQuery，我注意到根据这些示例，您所有的“未找到图像”图像都有一个模式:

• http://tattoo.ws/wp-content/uploads/2015/10/no_image_card68.png
• http://tattoo.ws/wp-content/uploads/2015/10/no_image_card70.png
• http://tattoo.ws/wp-content/uploads/2015/10/no_image_card71.png

因此，您只需在主页(您的列表所在的位置)中执行以下操作:

<script>
jQuery('article img.wp-post-image').each(function() {
  var curImg = jQuery(this);
  if(curImg.prop('src').indexOf("no_image_card")>-1){
    console.log(curImg.prop('src')); //reports the image to be hidden
    curImg.parents("article").hide();
  }
});
</script>

基本上，我用“无图像”隐藏了与该帖子相关的文章。我在你的 site's page 5 中对此进行了测试并且它有效。

如果您想完全消除数据库中的所有帖子，那么您可以通过帖子表中的“no_image_card”进行搜索(如果它们存储在该表中)。