업로드 후 페이지 새로 고침없이 새로 고침 한 아바타

Question

잘 작동하는 아바타 업로드가 있습니다. 업로드가 완료되면 직접 아바타를 업데이트하고 싶습니다 (톱 10에있는 경우). 이미지가 top10에 있으면 'chavatar'라는 ID가 있습니다.

요약하면 : 페이지에 'chavatar'라는 ID가있는 이미지가있는 경우 해당 이미지의 소스를 다시로드하십시오.

어떻게하면 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>) 

가 업로드 한 후이 작업을 수행는

Answer 4

이 정보가 당신을 도울 수 이루어집니다.

http://www.ultramegatech.com/2008/12/reloading-images-using-javascript/