preview do input file

[Fragata]

Pessoal, queria saber se alguém aí tem uma função pronta de preview de input file, eu tentei de várias maneiras mas sempre encontro aquele impedimento que não permite pegar o caminho do arquivo, aparece somente o nome. Eu faço assim:

<script>
function preview() {
var foto = document.getElementById('foto').value;
var img = document.getElementById('imagem').setAttribute("src",foto);
}
</script>

<img src="" height="50" width="50" name="imagem" id="imagem" />

<input tipe="file" id="file" name="file" onchange="preview()"/>

Mas só é atribuído ao src da imagem o nome do arquivo e não o caminho. Já vi outra forma de pegar o valor do fie que dizem que dá certo, mas não sei por que o formato não é aceito no meu javascript não aceita, a forma é "document.form01.foto.value", mas dá erro.

Alguém aí pode me ajudar? Obrigado desde já o/

Editado Janeiro 27, 2012 por Fragata

[Mack]

Pelo que eu tava vendo esse tipo de código não funciona nos navegadores novos. A única maneira de se fazer esse preview é você recebendo a imagem e depois mostrando para o usuário. Você pode fazer tudo isso sem mudar de página utilizando Ajax.

Achei algo parecido neste link: http://www.9lessons.info/2011/08/ajax-imag...refreshing.html

Editado Janeiro 27, 2012 por Mack