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?

questionAnswers(5)

yourAnswerToTheQuestion