Für jede Datei wird eine FileReader-Instanz erstellt und damit ich im onload-Handler auf die jeweiligen Eigenschaften zugreifen kann, hänge ich diese an die FileReader-Instanz "freader". Ganz so glücklich bin ich nicht damit -- gibt es eine andere Lösung?
Verzichte auf die for-Schleife:
for(var i = 0; i < e.files.length; i++){
/* ... */
}
wird zu
e.files.forEach(file => /*...*/)
Dann kannst du in dem load-Handler einfach file['type']
und filename
verwendent.
Alternativ könntest du let
- oder const
-Bindings benutzen. Die gelten jeweils nur für einen Iterations-Schritt der for-Schleife.
hier wende ich die MDN-FileApi an.
Das Mozilla-Developer-Network ist nur eine Dokumentations-Platform für Web-Technologien. Die FileAPI wird vom W3C entiwckelt.