2012-03-22 36 views
1

我想用jquery更改img src,而无需再次从服务器拉取图像。设置img src从已经加载到浏览器src而不用查询主机再次用jquery

我的代码下一块做:

var img = $(this).find('img'); 
    $('#preview .modal-body img').prop('src',img.prop('src')); 
    $('#preview').modal(); 

但是浏览器正试图再次从服务器拉这一形象。 我该如何避免它?

+2

如果src是相同的,假设你已经正确设置你的头,它不会去回服务器 - 它应该打你浏览器高速缓存而不是 – diaho 2012-03-22 19:24:55

+0

它接触关于最后修改标题的服务器。如果不修改则使用缓存。 – RusAlex 2012-03-23 09:03:57

回答

0

也许你可以replaceWith我还没有测试...

var img = $(this).find('img'); 
$('#preview .modal-body img').replaceWith(img); 
$('#preview').modal(); 
+0

可替换为删除旧元素。我的任务不需要 – RusAlex 2012-03-23 12:34:51

+0

您的任务需要访问没有HTTP请求的图像..这应该做到这一点。 – 2012-03-23 15:08:57

+0

但我不需要删除原始的img – RusAlex 2012-03-24 09:16:19