So überprüfen Sie die Dateierweiterung beim Drag & Drop ⇐ HTML

[Anonymous]

Ich habe eine Upload -Datei erstellt, mit der mehrere Dateien akzeptiert werden können. Mein aktuelles Problem ist jedoch, wenn der Benutzer mehrerer Drag & fallen.

Photos:






File Name
Status
File Size
Type
Action




/table>


< /code>
Hier ist mein Skript, das ich bisher gemacht habe: < /p>
function fileValidation2(){
var fileInput = document.getElementById('file_name2');
var filePath = fileInput.value;
var allowedExtensions = /(\.jpg|\.jpeg|\.png|\.tiff|\.tif)$/i;
if(!allowedExtensions.exec(filePath)){
alert('Please upload file having extensions .jpeg/.jpg/.png/.tiff/.tif/.xlsx/.pdf/.xls/.docx/.doc/.bump only.');
fileInput.value = '';
return false;
}else{
//Image preview
if (fileInput.files && fileInput.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
document.getElementById('imagePreview').innerHTML = '';
};
reader.readAsDataURL(fileInput.files[0]);
}
}
}
< /code>
funktioniert perfekt, wenn der Benutzer in der Eingabedatei die Datei auswählen kann. Wenn Benutzer jedoch mehrere Dateien enthalten, die neben dem Bild enthalten sind, ist dies inbegriffen. Wenn jemand weiß, wie man dies schlägt? Vielen Dank im Voraus.>