$('#fileInput').change(function() {
    var file = this.files[0];
    var formData = new FormData();
    formData.append('file', file);
    
    $.ajax({
        url: '/upload', // 你的上传接口
        type: 'POST',
        data: formData,
        processData: false,
        contentType: false,
        success: function(response) {
            // 上传成功后刷新图像
            refreshImage(response.imageUrl);
        },
        error: function(xhr, status, error) {
            console.error('上传失败:', error);
        }
    });
});

function refreshImage(imageUrl) {
    // 方法1：直接修改img的src属性
    $('#previewImage').attr('src', imageUrl + '?' + new Date().getTime());
    
    // 方法2：创建新的Image对象确保加载
    var img = new Image();
    img.onload = function() {
        $('#previewImage').attr('src', imageUrl);
    };
    img.src = imageUrl + '?' + new Date().getTime();
}

$.ajax({
    // ...其他参数
    xhr: function() {
        var xhr = new window.XMLHttpRequest();
        xhr.upload.addEventListener('progress', function(evt) {
            if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total * 100;
                console.log(percentComplete + '%');
            }
        }, false);
        return xhr;
    }
});

var formData = new FormData();
$.each($('#fileInput')[0].files, function(i, file) {
    formData.append('file-' + i, file);
});