Carregando imagem no click do input file

Bom, estou com um input do tipo file que deve pegar um imagem do pc do usuario e carregar no img src, porém não consigo de forma alguma fazer funcionar, veja o que eu to fazendo:

1- Pego a imagem com o input file e no onchange do input eu chamo o javascript:

<input name="foto" type="file" id="foto" onchange="mudarSrc('imagem',foto.src)" size="60" />

2 - No javascript faço isso:

<script type="text/javascript">
 function mudarSrc (id, novoCaminho){
 var img = document.getElementById(id);
 img.src = novoCaminho;
 alert (img.src);
 }
</script>