Javascript 上传后更新用户配置文件图片
我正在使用uploadifive在用户配置文件页面上传图片。用户通过照片和上传按钮打开个人资料页面。一旦用户上传图片,它就会被调整大小并移动到一个头像文件夹中。图片存储为user_id.jpg。如果用户刷新页面,图片将更新。我想在不刷新页面的情况下更新图片。Uploadifive有OnUploadComlete函数,我想我会用它来发布新图片,但它要么被缓存,要么其他原因都不起作用 下面是一些代码:Javascript 上传后更新用户配置文件图片,javascript,php,uploadify,updating,user-profile,Javascript,Php,Uploadify,Updating,User Profile,我正在使用uploadifive在用户配置文件页面上传图片。用户通过照片和上传按钮打开个人资料页面。一旦用户上传图片,它就会被调整大小并移动到一个头像文件夹中。图片存储为user_id.jpg。如果用户刷新页面,图片将更新。我想在不刷新页面的情况下更新图片。Uploadifive有OnUploadComlete函数,我想我会用它来发布新图片,但它要么被缓存,要么其他原因都不起作用 下面是一些代码: <script> $('#file_profile').uploadifive
<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>
?>
$(“#文件_配置文件”)。上载{
...
onUploadComplete:函数(){
$('#uphoto').html('+'.jpg”/>);
}
});
只需在链接中添加一些随机数作为参数,即可重新加载图像。如果没有相同的链接,浏览器将再次加载图像
$('#uphoto').html('<img src="images/avatars/'+<?=$_user['id']?>+'.jpg?'+Math.random()+'" />');
$('#uphoto').html('+'.jpg?'+Math.random()+'“/>”);
如果缓存是个问题,您可以避免在img src中添加一个随机字符串作为参数,例如:images/avataras/ID.jpg?somerandomstring。听起来您需要用AJAXIn重新加载配置文件图片,如果缓存了,请尝试类似或