Bildervorschau nach Auswahl Datei

Passe den Input Type "file" wie folgt an:

<div uk-form-custom>
<input type="file" name="datei" id="datei" accept="image/*" onchange="previewImage();">
<button class="uk-button uk-button-default" type="button" tabindex="-1"><?php echo $trans_anlageausw; ?></button>
</div>
<img id="preview">

Folgende Script sollte vorangestellt werden.
Achte darauf, dass dieses nicht bereits aufgerufen wurde.

<script>
function previewImage() {var file = document.getElementById("datei").files;
if (file.length > 0) {
var fileReader = new FileReader();
fileReader.onload = function (event) {
document.getElementById("preview").setAttribute("src", event.target.result);
};
fileReader.readAsDataURL(file[0]);
}
}
</script>

$trans_anlageausw z.B. "Datei auswählen"

Es ist uns wichtig, Ihre Daten zu schützen

Wir verwenden Cookies, um Ihnen ein optimales Webseiten-Erlebnis zu bieten. Das sind einerseits für den Betrieb der Seite notwendige Cookies, andererseits solche, die für Statistikzwecke, für die Anzeige von Videos und Kartenmaterial gesetzt werden. Sie können selbst entscheiden, welche davon Sie zulassen möchten. Bitte beachten Sie, dass auf Basis Ihrer Einstellungen eventuell nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.