Formular nur versenden wenn alle Dateien vorhanden und richtige Dateityp

son gohan

Erfahrenes Mitglied
Hallo,

ich suche ein HTML Upload Formular womit der Benutzer mehrere Dateien gleichzeitig hochladen kann und der Dateityp soll geprueft werden.

Beispiel, es sollen 5 Dateien hochgeladen werden, nur wenn auch 5 Dateien ausgewaehlt wurden, soll man "Absenden" druecken koennen oder eine Meldung bekommen das nicht alle Dateien angefuegt sind.

Und es soll nachgeschaut werden ob diese Dateien entweder PDF Dateien sind oder vom Typ JPG oder PNG. Wenn eine der Dateien ein anderes Format hat soll man wieder eine Meldung bekommen und das Formular nicht absenden koennen.

Kann mir jemand ein Beispiel zeigen wie sowas geht? Ich denke mal das man da aufjedenfall Javascript benutzen muss.
 
Ich habe eine Javascript Funktion gefunden die mir das meiste anzeigt, ich brauche nur noch die Angabe der Datei Groese, bei der folgenden Funktion wird mir immer 20 angezeigt, da habe ich irgendwas nciht richtig gemacht:

Code:
<script>
var _validFileExtensions = [".jpg", ".jpeg", ".pdf", ".gif", ".png"];   
function Validate(oForm) {
    var arrInputs = oForm.getElementsByTagName("input");
    for (var i = 0; i < arrInputs.length; i++) {
        var oInput = arrInputs[i];
        if (oInput.type == "file") {
            var sFileName = oInput.value;
            var sFileSize = arrInputs[i].size;
            if (sFileName.length > 0) {
                var blnValid = false;
                for (var j = 0; j < _validFileExtensions.length; j++) {
                    var sCurExtension = _validFileExtensions[j];
                    if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) {
                        blnValid = true;
                        alert("size "+sFileSize);
                        break;
                    }
                }
               
                if (!blnValid) {
                    alert(sFileName + " nicht erlaubt, erlaubte Dateitypen sind: " + _validFileExtensions.join(",

"));
                    return false;
                }
            }
        }
    }
    return true;
}
</script>

Also das alert("size "+sFileSize); in der Funktion oben soll mir die Dateigroese anzeigen, wie muss man das richtig einbauen damit das auch funktioniert?
 

Neue Beiträge

Zurück