Определение неизвестных типов контента с помощью файлового API Html5

Я работаю с небольшим сценарием загрузки файлов (опыт обучения) и заметил, что при выборе файлов, связанных с Microsoft Office (.docили Например, .docx) у файловых объектов не указан тип:

Для файлов .doc я ожидал, что тип будет "application/msword"и в том же духе .docx должен быть "application/vnd.openxmlformats-officedocument.wordprocessingml.document".

В случаях, когда тип не может быть определен, является ли правильным действием посмотреть на расширение файла и сопоставить его с «ожидаемым» содержимым/типом MIME?

Пример сценария:

<div id="fileUpload">
    <input type="file" id="fileElem" style="display:none;" onchange="handleFiles(this.files)"/>
    <a href="#" id="fileSelect">Select some files</a>
</div>

<script type="text/javascript">
    var fileSelect = document.getElementById("fileSelect"),
        fileElem = document.getElementById("fileElem");

    fileSelect.addEventListener("click", function (e) {

        if (fileElem) {
            fileElem.click();
        }

        e.preventDefault();
    }, false);

    function handleFiles(files) {
        console.log(files);
    }

</script>