Fala galera, blz?
Hoje tentei fazer um clone do dropzone só para testar a api do File e FileReader. Porém, acho que estou esquecendo algum conceito de loop.
De acordo com a interação do loop, pego a extensão do arquivo atual pra exibir um thumb sem imagem caso seja diferente de (jpg|png|jpeg).
O problema é que a linha que verifica está pegando sempre a extensão do último item do array
Segue:
for (var i = 0; i < files.length; i++) {
var fr = new FileReader();
fr.readAsDataURL(files[i]);
var name = files[i].name;
var size = files[i].size / 1000;
var type = files[i].type;
var ext = name.substr(name.lastIndexOf("."), name.length);
fr.onload = function(r) {
// aqui
var tag = ext.match(/\.(jpg|jpeg|png)/) ? "img" : "div";
console.log(tag);
m += `<div class="up-item hint--bottom" aria-label="deu bom">
<${tag} src="${r.target.result}" />
</div>`;
console.log(m);
};
}