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

Question

我有一个头像上传，效果很好，问题是上传完成后我想直接更新头像（如果它在top10中）。如果图像在前 10 名中，它将有一个名为“chavatar”的 id。

简而言之：如果页面上有 id 为“chavatar”的图像，请重新加载该图像的源。

我将如何用javascript编写它，感谢您的帮助。

score 3 · Accepted Answer

3

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

于 2012-02-11T14:37:10.920 回答

score 0 · Accepted Answer

只需将图像的来源更改为新的。这要求您的 ajax 上传函数返回上传图像的 url。
如果您使用 jQuery，请执行以下操作：

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

score 0 · Accepted Answer

我会使用jquery。就像是：

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

上传完成后执行此操作

score 0 · Accepted Answer

这些信息可以帮助你。

4 回答 4