También podrías añadir cada imagen como un nuevo nodo mediante el método
.appendChild():
Código Javascript
:
Ver originaldocument.getElementById("lista_imagenes").appendChild(/* La imagen */);
El método
.insertAdjacentHTML() también te puede servir:
Código Javascript
:
Ver originalvar lista = [].map.call(evt.target.files, function(file){
return "<img src='" + file.name + "' />";
});
document.getElementById("lista_imagenes").insertAdjacentHTML("afterbegin", lista.join("<br />"));
De esta manera, creas un array de elementos
<img> en donde cada uno posee a cada una de las imágenes seleccionadas; luego, unimos a todos los elementos del array con saltos de línea y añadimos al bloque entero luego del inicio del elemento en donde se mostrarán.
