Cómo leer archivos en JavaScript a través de las API de archivos (HTML5 Javascripts)

[p3rikl3s]

Mis amigos, estoy haciendo un formulario para cargar imágenes. Uso el Jquery plugin Multiple File Upload . Este plugin me parece genial, sin embargo no me permite mostrar una vista previa de la imagen antes de cargarla al servidor. Así que se me ocurrió hacer uso de las API de archivos que ofrece HTML5.

El resultado es que el formulario funciona bien, pero solo una vez, es decir, muestra el nombre de la imagen junto a la opción de borrar (esto propio del plugin Multiple File Upload) y la imagen (API de archivos). Después de una primera vez, solo muestra el nombre de la imagen junto a la opción de borrar sin la imagen, es como si quedara solo funcionando el plugin Jquery ¿Alguno tiene una idea de qué puede estar sucediendo?.

Agradezco de antemano su siempre valiosa y oportuna ayuda!

[danneg]

Para mostrar las imágenes puede ser algo así

Código Javascript:

var reader, pic = $('imagen');
if(window.FileReader){
    reader = new FileReader();
    reader.onloadend = function(e){
        pic.src = e.target.result;
    };
}
 

Y para saber qué es lo que pasa con el extraño funcionamiento de tu sistema, tendríamos que ver el código.

Saludos :)