me encontre un codigo javascript donde se puede mostrar un preview de una imagen subida desde un input file
todo bien me muestra la imagen como la que hay en esta pagina
http://www.marcofbb.com.ar/wp-conten...oad-html5.html
cuando le das "Seleccionar Archivo" me muestra la imagen todo bien.
el problema es que si vuelvo a escojer otro archivo. me empieza a mostrar la otra imagen en lista.
y no yo deseo que no haga eso si no que cambie la que ya esta subida.
aqui esta el codigo. que me funciona bien. pero yo solo que me muestre sola 1 IMAGEN
y me gustaria saber si me pueden ayudar a entender el codigo y modificar. saludos
Código HTML:
Ver original
<input type="file" id="files" name="files"/> <br> <script> function handleFileSelect(evt) { var files = evt.target.files; // FileList object // Loop through the FileList and render image files as thumbnails. for (var i = 0, f; f = files[i]; i++) { // Only process image files. if (!f.type.match('image.*')) { continue; } var reader = new FileReader(); // Closure to capture the file information. reader.onload = (function(theFile) { return function(e) { // Render thumbnail. var span = document.createElement('span'); document.getElementById('list-miniatura').insertBefore(span, null); }; })(f); // Read in the image file as a data URL. reader.readAsDataURL(f); } } document.getElementById('files').addEventListener('change', handleFileSelect, true); </script>
de antemano muchas gracias.!