Как проверить расширение файла при перетасении ⇐ Html

[Anonymous]

Я сделал файл загрузки, который может принять несколько файлов, но моя текущая проблема заключается в том, что пользователь перетаскивает и бросает несколько, он принимает другой файл типа DOC, чем файл изображения. Здесь мой код для него: < /p>


Photos:






File Name
Status
File Size
Type
Action




/table>


< /code>
Вот мой сценарий, который я сделал до сих пор: < /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>
Он работает отлично, когда пользователь щелкнет файл выберите в входном файле, но когда пользователь перетаскивает несколько файлов, которые содержат файлы, чем изображение, он включен. Заранее спасибо.
https://i.sstatic.net/9iibb.png
zip -файл и другие файлы все еще включены, когда пользователь перетаскивает и бросает несколько файлов.

Подробнее здесь: https://stackoverflow.com/questions/662 ... g-and-drop