裁剪后上传的图像未使用 codeigniter 刷新答案

【问题标题】：Uploaded image after cropping not refreshed using codeigniter裁剪后上传的图像未使用 codeigniter 刷新
【发布时间】：2015-01-23 06:54:52
【问题描述】：

我们已经在我们的 codeigniter 应用程序中实现了图像裁剪。它正在使用 jquery ajax 正确上传图像，但上传后无法在页面中正确显示。它显示旧图像。仅刷新一页后，就会显示新的一页。

我们添加了页面刷新，重定向方法来刷新页面上传后，但不工作。

我试过了，

header("Location:".$_SERVER['HTTP_REFERER']);
window.location.reload();

在本地服务器上运行良好。在服务器中，刷新不起作用。任何人都可以解决这个问题...？

<script type="text/javascript">
window.onload = function() {
    var options =
    {
        imageBox: '.imageBox',
        thumbBox: '.thumbBox',
        spinner: '.spinner',
        imgSrc: 'avatar.png'
    }
    var cropper = new cropbox(options);
    document.querySelector('#file').addEventListener('change', function(){
        var reader = new FileReader();
        reader.onload = function(e) {
            options.imgSrc = e.target.result;
            cropper = new cropbox(options);
        }
        reader.readAsDataURL(this.files[0]);
        this.files = [];
    })
    document.querySelector('#btnCrop').addEventListener('click', function(){
        var img = cropper.getDataURL();

        var simple = '<?php echo base_url(); ?>';
        var member_id ='<?php echo $this->session->userdata('current_member');?>';
        $.ajax({url: simple + 'admin/admin_home/membercrop',
            type: "POST",
            async: false,
            data: {
                "image": img
            },
            success: function (data) {

              window.location.reload();

            },
            error: function (error) {
                alert('error');
            }
        });

    })
    document.querySelector('#btnZoomIn').addEventListener('click', function(){
        cropper.zoomIn();
    })
    document.querySelector('#btnZoomOut').addEventListener('click', function(){
        cropper.zoomOut();
    })

};

</script>

【问题讨论】：

标签： php jquery ajax codeigniter

【解决方案1】：

解决方案是在你的图片后面添加一个时间戳，这样可以防止缓存：

<img src="test.jpg?t=<?=date('U')?>" />

【讨论】：