强制回调重新加载文件

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 + '">');

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

强制回调重新加载文件

Force Callback to reload file

php

jquery

image

crop

image-uploading