Hallo zusammen, ich habe hier das folgende js Uploadtool gefunden, was auch prima funktioniert. Nun versuche ich schon länger das Tool um zwei Funktionen zu erweitern, jedoch ohne nennenswerten Erfolg weshalb ich hier um Unterstützung bitte. 🙄 1.) Nachdem eine Datei ausgewählt wurde, sollte diese irgendwie aus der Liste wieder zu entfernen sein. 2.) Bei Dateien über 5MB soll ein Hinweis kommen dass diese zu gross ist und sie soll nicht in die Uplosliste aufgenommen werden. Vielen Dank. HTML: ```html <input type="file" id="files" name="datei[]" accept="image/gif,image/jpeg" multiple="multiple"> <output id="list"></output> ``` ~~~ JavaScript <script> function dateiauswahl(evt) { var dateien = evt.target.files; for (var i = 0, f; f = dateien[i]; i++) { if (!f.type.match('image.*')) { continue; } var reader = new FileReader(); reader.onload = (function (theFile) { return function (e) { var vorschau = document.createElement('img'); vorschau.className = 'vorschau'; vorschau.src = e.target.result; vorschau.title = theFile.name; document.getElementById('list') .insertBefore(vorschau, null); }; })(f); reader.readAsDataURL(f); } } document.getElementById('files') .addEventListener('change', dateiauswahl, false); </script> ~~~

Hallo zusammen, ich habe hier das folgende js Uploadtool gefunden, was auch prima funktioniert. Nun versuche ich schon länger das Tool um zwei Funktionen zu erweitern, jedoch ohne nennenswerten Erfolg weshalb ich hier um Unterstützung bitte. 🙄 1.) Nachdem eine Datei ausgewählt wurde, sollte diese irgendwie aus der Liste wieder zu entfernen sein. 2.) Bei Dateien über 5MB soll ein Hinweis kommen dass diese zu gross ist und sie soll nicht in die Uplosliste aufgenommen werden. Vielen Dank. HTML: <input type="file" id="files" name="datei[]" accept="image/gif,image/jpeg" multiple="multiple"> <output id="list"></output> ~~~ JavaScript <script> function dateiauswahl(evt) { var dateien = evt.target.files; for (var i = 0, f; f = dateien[i]; i++) { if (!f.type.match('image.*')) { continue; } var reader = new FileReader(); reader.onload = (function (theFile) { return function (e) { var vorschau = document.createElement('img'); vorschau.className = 'vorschau'; vorschau.src = e.target.result; vorschau.title = theFile.name; document.getElementById('list') .insertBefore(vorschau, null); }; })(f); reader.readAsDataURL(f); } } document.getElementById('files') .addEventListener('change', dateiauswahl, false); </script> ~~~

Hallo zusammen, ich habe hier das folgende js Uploadtool gefunden, was auch prima funktioniert. Nun versuche ich schon länger das Tool um zwei Funktionen zu erweitern, jedoch ohne nennenswerten Erfolg weshalb ich hier um Unterstützung bitte. 🙄 1.) Nachdem eine Datei ausgewählt wurde, sollte diese irgendwie aus der Liste wieder zu entfernen sein. 2.) Bei Dateien über 5MB soll ein Hinweis kommen dass diese zu gross ist und sie soll nicht in die Uplosliste aufgenommen werden. Vielen Dank. ~~~ JavaScript <script> function dateiauswahl(evt) { var dateien = evt.target.files; for (var i = 0, f; f = dateien[i]; i++) { if (!f.type.match('image.*')) { continue; } var reader = new FileReader(); reader.onload = (function (theFile) { return function (e) { var vorschau = document.createElement('img'); vorschau.className = 'vorschau'; vorschau.src = e.target.result; vorschau.title = theFile.name; document.getElementById('list') .insertBefore(vorschau, null); }; })(f); reader.readAsDataURL(f); } } document.getElementById('files') .addEventListener('change', dateiauswahl, false); </script> ~~~