2014-09-19 51 views
0

我使用PHP + AJAXAjax响应返回旧形象

在点击我重新尺寸图像运行时间,并保存在磁盘上重新大小的图像,然后显示成功重新尺寸图像中的另一个DIV。

图像大小调整成功,ajax返回新图像。

但它显示旧的调整图像。

在成功的回报,我也第一次使用

$.ajax({ 
    url: 'home/FlipImage/'+send+'/'+save_name, 
    type: 'POST', 
    cache: false, 

$('#right_border').empty(); 

之后,我把我的新形象在这个div但还是年纪大了反应

$.ajax({ 
 
url: '<?php echo $url ?>home/FlipImage/'+send+'/'+save_name, 
 
type: 'POST', 
 
cache: false, 
 
success: function(data){ 
 
$('#right_border').html(''); 
 
$('#left-border').html(''); 
 
$('#right_border').empty(); 
 
$('#left-border').empty(); 
 
var HorImg = host+'test/uploads/canvas_uploads/FlippedImages/HerFlip_'+save_name+''; 
 
var VerImg = host+'test/uploads/canvas_uploads/FlippedImages/VerFlip_'+save_name+''; 
 
$('#right_border').html('<img src="'+HorImg+'" >'); 
 
$('#left-border').html('<img src="'+HorImg+'" >'); \t \t \t \t \t  
 
} 
 
})

+1

你能告诉我们你的成功和失败的方法沿着你完成Ajax调用。 – 2014-09-19 12:03:02

+0

更新我的问题 – 2014-09-19 12:08:20

+0

@HissamKhan请更新问题中的内容,不要使用评论! – 2014-09-19 12:11:07

回答

1

试试这个以避免缓存图像:

$('#right_border').html('<img src="'+HorImg+'?' + (new Date()).getMilliseconds() + '" >'); 
$('#left-border').html('<img src="'+HorImg+'?' + (new Date()).getMilliseconds() + '" >'); 

它可以在Chrome的控制台:

+0

代码不工作...先生是否正确? – 2014-09-19 12:22:23

+0

让我检查一下,然后回来!请等一下@HissamKhan。 – 2014-09-19 12:22:44

+0

@HissamKhan,是的,代码是正确的! – 2014-09-19 12:23:29