强制回调以重新加载文件

Question

我正在使用php和jQuery工具上传和裁剪图片。它运作良好。但我想在上传并诋毁图片后进行预览。我得到了预览，但它是作物的图片。我猜它从任何缓存中获取图片。当我检查服务器上的真实文件时，它是破碎的。

有什么想法我怎么能强制以下功能真正从服务器获取新文件？

这就是代码，我将url放回到预览表单中的div。

    new ImgSelect( $('#imgselect_container'), {
cropComplete: function(image) {
    $('.avatar').html('<img src="scripts/imgSelect/files/' + image.name + '">');
        }
    });

Answer 1

要强制再次下载图像，您可以在查询字符串中附加时间戳。试试这个：

$('.avatar').html('<img src="scripts/imgSelect/files/' + image.name + '?t=' + +new Date + '">');

您还可以修改服务器的缓存设置。