En lugar de insertar la nueva imagen, asígnala como nuevo contenido.
Cambia esto:
Código Javascript
:
Ver originaldocument.getElementById('list-miniatura').insertBefore(span, null);
Por esto:
Código Javascript
:
Ver originaldocument.getElementById('list-miniatura').innerHTML = span.innerHTML;
O mejor aún, olvídate de
span y realiza la asignación directamente:
Código Javascript
:
Ver originalreader.onload = (function(theFile) {
return function(e) {
document.getElementById('list-miniatura').innerHTML = '<img class="thumb" src="' + e.target.result + '" title="' + escape(theFile.name) + '"/><br />';
};
})(f);
Saludos