Afficher une image immédiatement aprés le clic sur parcourir.

Bonjour,
Je suis débutant en programmation web et j'ai constaté dans certain site web, qu'aprés avoir cliqué sur parcourir ou browse pour certain navigateur, l'image était immédiatement visible sur le navigateur dans une zone reservé à cela. c'est justement ce que je souhaite faire pour mon site. j'ai écrit ce code

<script language="javascript">
function chargerlogo(){
		//alert("je suis");
		var id = document.getElementById("logosrc");
		var obj = document.getElementById("chargerlogo");
		var img = document.createElement("img");
		img.setAttribute("src", id.value);
		obj.removeChild(obj.childNodes.item(0));
		obj.appendChild(img);
}
</script>
...
<td bgcolor="#CCCCCC" rowspan="6" colspan="2" id="chargerlogo">Pas de Logo!!!</td>
...
<td>Logo : </td><td><input type="file" onchange="chargerlogo();" id="logosrc" accept="image/*" name="logo" maxlength="250"/></td>

Quand je vérifie l'arbre DOM à l'aide d'un outil j'ai le code suivant dans la chargerlogo

<td bgcolor="#CCCCCC" rowspan="6" colspan="2" id="chargerlogo"><img src = 'C:\image.png'/></td>

L'image semble chargé mais rien ne s'affiche.
Quelqu'un pourrait -il m'aider?
Merci d'avance pour votre aide.