javascript - 防止/阻止/隐藏来自某些网站源的图像

Question

嘿，我的论坛遇到了恶搞问题。

长话短说:

有一个巨魔来发布来自许多血腥网站的图片。事实上，这个人直接从源头热链接它们。出于显而易见的原因，我想结束这一切。

我正在考虑实现一个执行以下操作的代码:

1. Checks the source of an image before allowing it to load.
2. If the src of the image is a url that contains the word 'gore', the image is NOT displayed.

虽然我意识到这不是一个永久的解决方案，但我认为这是朝着正确方向迈出的一步。想法？知道如何开始吗？

JQuery 对我来说确实是一门外国“语言”，但似乎这就是我所需要的。在下面的代码中，c_post 代表实际帖子，这意味着此代码仅针对帖子内发布的图像。我希望代码执行的操作是选择“gore”一词。

$('c_post img[src*="gore"]').attr({ hide(); })

Answer 1

我相信您可以通过正则表达式检查来完成此任务


if ( $('c_post img').attr('src').match(/gore/) ) {
$('c_post img').attr("src", "filteredimage")
}

如果图像的 src 属性与正则表达式匹配，您就可以将 src url 重写为您选择的特定图像。

或者，如果您只是想隐藏它，您可以在 if 语句中执行以下操作:

$('c_post img').css("显示", "无")