Question

我正在使用uploadifive在用户个人资料页面上传图片。用户打开配置文件页面，其中包含照片和上传按钮。一旦用户上传了图片，它就会被调整大小并移动到头像文件夹中。图片存储为user_id.jpg。如果用户刷新页面，则图片会更新。我希望在没有页面刷新的情况下更新该图片。 Uploadifive有OnUploadComlete函数，我以为我会用它来发布新图片，但这不起作用，无论是缓存还是其他原因。

以下是一些代码：

<script>
    $('#file_profile').uploadifive {
        ...
        onUploadComplete : function () {
            $('#uphoto').html('<img src="images/avatars/'+<?=$_user['id']?>+'.jpg" />');
        }
    });
</script>


<?php
    <div id="uphoto"><img src="images/avatars/'+<?=$_user['id']?>+'.jpg" /></div>
?>

有什么方法可以解决这个问题吗？

Answer 1

只需在链接中添加一些随机数作为参数即可重新加载图片。如果没有相同的链接，浏览器会再次加载它。

$('#uphoto').html('<img src="images/avatars/'+<?=$_user['id']?>+'.jpg?'+Math.random()+'" />');

上传后更新用户个人资料照片

1 个答案: