Zitat von clamicun
Beitrag anzeigen
Habe mal kurz in meiner Kramkiste aus meiner JS-Zeit gewühlt und folgendes gefunden:
PHP-Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="fileupload.css">
<title>Upload-Demo</title>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="fileInput" class="button">Datei auswählen
<input type="hidden" name="MAX_FILE_SIZE" value="128000">
<input id="fileInput" name="Datei" type="file">
</label>
<div id="selectedFile">Noch keine Datei ausgewählt</div>
<br>
<label for="inputSubmit" class="button">Start
<input id="inputSubmit" name="upload" type="submit" value="Upload">
</label>
</form>
<script type="text/javascript">
(function(IdInputFile,IdSelectedFile){
var el = document.getElementById(IdInputFile);
if(el) {
el.onchange = function () {
var fileName = this.value.match(/[a-zA-Z\.]+$/)[0];
document.getElementById(IdSelectedFile).innerHTML = "Datei " + fileName + " ausgewählt";
};
}
})('fileInput','selectedFile');
</script>
</body>
</html>
Kommentar