使用jquery下载图像

在我的表单加载我使用jquery下载图像，当用户点击任何按钮，然后我在我的div中显示该图像。 但只有第一次图像需要时间才能看到。 如果图像是在表单加载下载的，所以当我通过jquery显示该图像时，我认为它不应该再次下载，它应该很快就可以看到。

这是我的代码

var _images = ['/Images/ajax-loader.gif']; $.each(_images, function (e) { $(new Image()).load(function () { //alert($(this).attr('src') + 'has loaded!'); }).attr('src', this); }); 

通过上面的例程我在jquery的帮助下下载表单加载图像。

所以当我在用户点击下面的按钮时显示该图像时

  $('#loader').html('
Wait...
'); 

装载机是我的div

所以图像不应该再次下载，而应该从客户端机器上显示。 所以请指导我在我的代码中出现的问题是图像在表单加载时下载，尽管它是第一次再次加载。 请帮忙…谢谢

Answer 1

您正在预加载/Images/ajax-loader.gif并使用https://stackoverflow.com/images/ajax-loader.gif （注意I / i）。 我怀疑浏览器将它们视为不同的图片。

Answer 2

打开萤火虫，看看实际发生了什么。

在我看来，你使用jquery向服务器发出另一个请求，因为到期或缓存可能没有正确设置..

查看这些并包含结果

你还可以做另一件事：

有这样的代码：

  
Wait...
 

每当你想显示这个只是使用

 $('#loader').show(); 

当你想再次隐藏

 $('#loader').hide();