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"