Question

如果我只能使用css和/或javascript，有没有办法阻止对图像的get请求发生？

像这样：

<img src="A.png"/>

img {
    src:none;
}

这会阻止页面加载时对A.png的GET请求。

有人知道这是否可行？

由于

Answer 1

我觉得这应该适用于你正在寻找的东西：

<script>
    $(document).ready(function () {
        $("img").attr("src", "");
    });
</script>

它应该替换所有src标记中的<img>属性。您还可以使用src删除$("img").removeAttr("src")属性。

javascript中的某些类似的将是：

<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        var images = document.getElementsByTagName("img");
        for (var i = 0; i < images.length; i++) {
            images[i].setAttribute("src", "");
        }
    });
</script>

与jquery一样，您可以使用images[i].removeAttribute("src")完全删除html src属性。
这两个脚本都位于我的html底部我不知道这是否正是您正在寻找的，但希望这会有所帮助。

Answer 2

有一种javascript方式：

最初没有给img提供任何来源（=没有做请求），之后通过javascript更改源代码

如果你想在dom使用data-src属性中输入图像的URL，就像ISuthan Bala所提到的那样

<img data-src="my-image.png" />

通过jQuery轻松将data-src设置为src，例如

有没有办法防止使用css或js发生img get请求？

2 个答案: