Carregando uma imagem em um <img> a partir de <arquivo de entrada>
Estou tentando carregar uma imagem selecionada pelo usuário através de um elemento.
Eu adicionei um manipulador de eventos onchange ao elemento de entrada como este:
<input type="file" name="picField" id="picField" size="24" onchange="preview_2(this);" alt=""/>
e a função preview_2 é:
var outImage ="imagenFondo";
function preview_2(what){
globalPic = new Image();
globalPic.onload = function() {
document.getElementById(outImage).src = globalPic.src;
}
globalPic.src=what.value;
}
where outImage tem o valor de ID da tag em que desejo que a nova imagem seja carregada.
No entanto, parece que o onload nunca acontece e não carrega nada no html.
O que devo fazer?