Tutorials
Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.
Zurück zur Übersicht
Bootstrap 4: Javascript für File-Input mit Dateinamen
#Tutorials#Bootstrap#Javascript
Die Custom-Bootstrap File-Input sehen ja schon deutlich besser aus, als die vom Browser. Leider haben sie einen Nachteil. Man kann die Dateinamen nicht sehen, die man ausgewählt hat. In der Dokumentation wird darauf hingewiesen, dass man hierfür etwas Javascript braucht. Warum das dann nicht standardmäßig mit drin ist, ist mir ein Rätsel.
Hier ist das Snipped, dass man benötigt, damit alles gut aussieht:
$('.custom-file input').change(function (e) {
var files = [];
for (var i = 0; i < $(this)[0].files.length; i++) {
files.push($(this)[0].files[i].name);
}
$(this).next('.custom-file-label').html(files.join(', '));
});
Kommentare
Es gibt noch keine Kommentare. Sei der Erste!
Hinterlasse einen Kommentar