Carregando imagem no click do input file

[Scientist 2]

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>

[William Bruno 1501]

impossível fazer deste modo.

 

você precisa fazer o envio do arquivo para o servidor(upload), pois esse tipo de acesso foi bloqueado por questões de segurança.

[Scientist 2]

ok ... já que foi bloqueado então OK :D ! Mais uma coisa, sabe como eu faço para validar a imagem passada logo que o usuário escolher a imagem no seu pc ? (tamanho e formato), pois estou fazendo isso em php mais tem q chamar outra pagina.

[William Bruno 1501]

apenas com javascript tb não vejo como, por causa desse mesmo bloqueio q citei antes.

[Scientist 2]

poxa que pena ... então pra eu validar o tamanho e formato de uma imagem tem que ser via php mesmo né ?

[William Bruno 1501]

tecnicamente sim.. dá uma pesquisada, talvez você encontre algo, ai nós 2 aprenderemos.