jQuery：有什么方法可以在不加载两次的情况下将变量附加到 img？

Question

我试图通过让 img url 获得附加的 ?i 来调整这个 hotlink prevention method 仅当由支持 JavaScript 的浏览器而不是机器人访问时。

在$(document).ready(function() 作品中使用它：

var img= $("img.myimg");
img.attr("src", img.attr("src")+"?i");

但是，它会导致 img 加载两次。

是否有任何其他方法可以为人类访问者附加不会导致双重加载的参数？澄清一下，我并不是说图片在页面上显示了两次，而是说随着 url 的变化，服务器会被点击两次。

Answer 1

如果您希望图像不仅被加载一次，并且不会被机器人以最佳版本看到，那么您只能在 JQuery 中加载它，一次。然后slitcanvas的回答适用：

<img class="myimg" notthesrc="whatever.jpg" />

在 JQuery 中：

var img= $("img.myimg");
img.attr("src", img.attr("notthesrc")+"?i");

这样，图像不会以 HTML 格式加载，也不会由机器人加载。它仅由 JQuery 加载。

=========

如果您希望 Google 图片和其他机器人可以找到图片的一个版本，然后再找到一个不同的版本（更大、更好、没有版权声明或水印等），那么您将无法避免拥有两张图片：

<img class="myimg" src="whatever" />

在 JQuery 中：

var img= $("img.myimg");
img.attr("src", img.attr("src")+"?i");

其中“whatever”是返回机器人版本的 URL - 例如带有水印的低分辨率图像，“whatever?i”返回好的图像。

在这种情况下，会加载两个图像，第一个用于机器人。

Answer 2

你不能：

<img class="dheimg" presrc="/location-of-file/name.jpg" src="" [height/width/alt] />

没有src标签，然后在页面加载后使用javascript添加它？

$(document).ready(function(){
    var img= $("img.myimg");
    img.attr("src", img.attr("presrc")+"?i");
}

我已更新我的答案，将路径存储在默认情况下不会加载图像的附加属性中。