上传后重新加载头像，不刷新页面

Question

我有一个头像上传，这工作得很好，问题是，当上传完成后，我想要直接更新头像(如果它在top10中)。如果图像在top10中，它将有一个名为“chavatar”的id。

简而言之:如果页面上有一个id为“chavatar”的图片，请重新加载该图片的源代码。

我该怎么用javascript来写呢，谢谢你的帮助。

Answer 1

document.getElementById('chavatar').src = 'newimagepath.jpg';

Answer 2

只需将图像的来源更改为新的。这需要ajax上传函数返回上传图片的url。

如果您使用的是jQuery，请执行以下操作：

$('#chavatar').attr('src', 'new_image_path');

Answer 3

我会使用jquery。类似于：

$('#idofimgelem').html(<img src=urlofimg>)

在上传完成后执行此操作