Estoy tratando de cargar una imagen seleccionada por el usuario a través de un elemento.

Agregué un controlador de eventos onchange al elemento de entrada como este:

<input type="file" name="picField" id="picField" size="24" onchange="preview_2(this);" alt=""/>

y la función preview_2 es:

var outImage ="imagenFondo";
function preview_2(what){
    globalPic = new Image();
    globalPic.onload = function() {
        document.getElementById(outImage).src = globalPic.src;
    }
    globalPic.src=what.value;
}

donde outImage tiene el valor de id de la etiqueta donde quiero que se cargue la nueva imagen.

Sin embargo, parece que la carga nunca ocurre y no carga nada en el html.

¿Qué tengo que hacer?