是否可以拦截对图像的http调用并使用javascript更改它们？

Question

我想为网站中的所有图片添加一些参数，但这些是动态的。 不幸的是，我必须这样做（唯一）的方法是在加载之前拦截图像。因为我可以更改标题，Javascript将是唯一的方式。 像jquery这样的任何第三方库都不是一种选择。

像： 的 http://www.example.com/acme.jpg

将被捕获并转化为

http://www.example.com/acme.jpg?v=120

我看到它的方式javacript必须是内联的，在页面的标题中，在图像开始加载之前。我不需要更改html本身，只能在浏览器调用图像时进行拦截并稍微调整一下。

这可能吗？

Answer 1

你可以尝试这个jquery解决方案：

$(function() {
  $( "img" ).load(function() { // select your images here
      var src = $( this ).attr("src");
      $(this).attr("src", src + "?v=120" ); // set the new url here
  });
}