Question

我正在通过ajax表单提交更改图像。成功后，它将更改现有图像的src，如下面的代码所示。一切正常。但如果它传递相同的URL，则会出现问题。

例如，

成功案例：

当前网址：example.com/media/ben_profile_pic/1201.png

AJAX通话后：example.com/media/ben_profile_pic/1201.jpg

失败案例：

当前网址：example.com/media/ben_profile_pic/1201.png

在AJAX呼叫之后：example.com/media/ben_profile_pic/1201.png（这是不同的图像，但具有相同的格式和名称）

在第二种情况下，Image无法更新。

JQUERY ：

$("#imgInp").change(function () {
//readURL(this);
var formData = new FormData($('#file_upload_form')[0]);
$.ajax({
    url: '/beneficiary/upload_profile_pic', //server script to process data
    type: 'POST',
    success: function(result){
        //bootbox.alert(result);
        //console.log($.ajaxSettings.xhr().upload);
        if(result!='false'){
            alert(result);
            $('#profile_picture').attr('src', result);
        }
    },
    // Form data
    data: formData,
    //Options to tell JQuery not to process data or worry about content-type
    cache: false,
    contentType: false,
    processData: false
});
});

如果您需要任何澄清或代码，请与我们联系。谢谢你的帮助。

修改

我根据评论尝试了这个，但现在两种情况下都没有加载图片：

$('#profile_picture').attr('src', result + new Date().getTime());

ajax成功后图像没有改变

0 个答案: