Начал писать заготовку скрипта для загрузки, выгрузки и удаления файлов .zip и столкнулся с багом: Хром не пишет в объект загружаемого файла его тип:
<h1>Upload or get or delete file</h1>
<form action="" id="file-upload" enctype="multipart/form-data" >
<input id="file" type="file">
<input type="submit" value="Send">
</form>
<button id="get">Get file</button><button id="delete">Delete file</button>
<script>
var form = document.getElementById('file-upload');
var file = document.getElementById('file');
var getFile = document.getElementById('get');
var deleteFile = document.getElementById('delete');
form.onsubmit = function( e ){
e.preventDefault();
var newFile = file.files[0];
console.log(newFile);
console.log(newFile.type);
var formData = new FormData();
}
</script>
Второй вывод в консоли даёт "application/zip" в Мозилле и пустую строку в Хроме. Получается, я не могу кроссбраузерно проверить тип файла .zip на клиенте. Кто-нибудь с этим сталкивался, и если да, то как решили? Можно конечно на сервер грузить всё подряд и там проверять, но на клиенте тоже хочется уведомить пользователя о неверном формате. Как вариант свойство name смотреть.