Ajax响应返回旧图像

Question

我正在使用PHP + ajax

单击我在运行时重新调整图像大小并在磁盘上保存重新调整大小的图像，然后在另一个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+'" >');					    
}
})

Answer 1

尝试此操作以避免缓存图像：

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

适用于Chrome控制台：