javascript - 个人资料图片不会改变 - PHP + Jquery

Question

我正在尝试使用 PHP 和 JQuery 创建个人资料图片更改，但我遇到了问题。

我正在尝试这样做，在更改图像时file input，我将其发送到我的服务器，然后更改src我的<img>，但仅在第一次时有效，此后我src的不会改变。

图片上传正常，只有图片刷新不起作用

这是我的代码：

HTML：

<img src="./image_path/profile.png" data-toggle="tooltip" data-placement="bottom" title="Change profile image" class="border rounded-circle img-user-profile">
<input id="file-upload" type="file" name="file-upload" id="file-upload" />

查询：

$(document).ready(function() {
    $("#file-upload").change(function() {
        img($(this).closest('form'))
    });
});


function img(e) {
    let event = e[0]

    let formData = new FormData(event);

    $.ajax({
        type: 'POST',
        url: './dataProcess/UpTempImg.php', // Here i upload a image to a temporary folder
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        beforeSend: function() {
            $(".img-user-profile").attr('src', "./imagens/loading.svg")

        },
        success: function(data) {
            // data returns a image path
            // Example: https://mysite.com.br/images/temp/user_image.png
            $(".img-user-profile").attr('src', data)
        }
    });
}

标签： javascriptphphtmljquery