Télécharger une image et actualiser div avec une nouvelle image - javascript, ajax

J'ai le code suivant

<div id=form>
<div id=viewimage>
<img src="/images/placeholder.png">
</div>
<div id=upload>
<form action="upload.php" method=POST enctype="multipart/form-data">
<input type=file name=image>
<input type=submit value=Upload>
</form>
</div>
</div>

J'ai besoin que l'image soit téléchargée, puis le#viewimage div à rafraîchir avec la photo soumise. Lorsque le formulaire est soumis, le fichier upload.php renverra un nom de fichier du fichier téléchargé. Je pense que ceci est une question ajax, mais im un noob complet quand il s'agit de ajax / javascript, donc je n'ai pas la moindre idée de la façon de procéder.

Réponses:

Si vous voulez le faire en ajax, vous devez placer votre formulaire dans un iframe. Ainsi, lorsque vous téléchargez l'image, seule une petite partie de la page (le formulaire) est envoyée à votre serveur.

Après cela, vous pouvez utiliser la réponse upload.php pour obtenir le nom et le chemin de l'image téléchargée, puis vous pouvez simplement changer le src de la balise img.