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

Question

我们在 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>

Answer 1

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

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

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

Uploaded image after cropping not refreshed using codeigniter

php

ajax

jquery

codeigniter