ssm+ajax上传完图片后如何刷新页面并显示新的图片？

做了上传图片功能，但是上传完图片后，虽然数据库的url改变了但是页面上的图片还是原来的，

需要重新退出登录后才显示新图片

ajax：

$.ajax({
            url : '/JavaCharts_war_exploded/uploadImage',
            type : 'post',
            dataType : 'json',
            data : data,
            cache: false,   //上传文件无需缓存
            processData: false,   // 用于对参数进行序列化处理，这里必须设为false
            contentType:false, // 必须
            success : function(data) {
                console.log(data);
                if (data.state == 200) {
                    alert(data.message);
                    window.location.href= "/JavaCharts_war_exploded/preferences";
                    <%--var to = "${pageContext.request.contextPath}/preferences";--%>
                    <%--doPost(to);--%>
                }
                if(data.state == 300){
                    alert("图片上传失败！");
                    return;
                }
            }
        });

<input type="file"  id="fileButton">
<img src="" alt="">


jquery
   // 图片预览
    $("#fileButton").change(function (e) {
        // 获取到文件
        var file = e.target.files[0] || e.dataTransfer.files[0];
        if(file){
            var reader = new FileReader();
            reader.onload = function (e) {
                $("img").attr("src",this.result);
            }
            reader.readAsDataURL(file);
        }
    })

上传图片不需要上传后再显示吧，你选择图片让他显示不行吗？他上传他的你显示你的，不影响的。