Imprimir contenido de un input en tiempo real

[DiegoEscobar]

Buenas tardes a todos lo que quiero es que una imagen se muestre mientras se escribe en un INPUT. Intentare explicarme, en mi web alojo unas imagenes de perfil de los usuarios, cada imagen tiene el nombre de usuario de su dueño entonces en un INPUT los usuarios pueden escribir el nombre de usuario de quien quiera para que abajo de este input vaya apareciendo la imagen de perfil del usuario que estan ingresando en el input. Ejemplo:

Esta es la carpeta de mis imágenes: www.misitio.com/img/

A la hora de escribir en el INPUT quiero que el código de la imagen(<img src="http://www.misitio.com/img/CONTENIDO QUE SE IMPRIME EN EL INPUT.png">) que mostrara la foto de perfil del usuario se vaya 'rellenando' en tiempo real (sin usar botones) ¿Como puedo hacerlo?

[rjulio21]

Ok. A mi lo que se me ocurre para ello es que agregues un evento "keydown" al evento para que a medida que vayas escribiendo el verifique tu lista de "usuarios con perfiles" que podrías tener en un json precargado si no son muchos... o por medio de ajax consultar un metodo que te devuelva dicho json... pero en ese caso seria bueno intentar implementar una cache o algo. El punto es que con el evento a medida que presione una tecla nueva la función en javascript busque las coincidencias recorriendo el json y cree una lista de perfiles con un img. El json solo tendria que tener El nombre de los perfiles y de la imagen y listo.... algo así ?