JavaScript проверить тип загрузки

Question

У меня есть простая форма для загрузки видео.Я делаю проверку типа следующим образом:

if ($fileSelected.type === 'video/mp4' || $fileSelected.type === 'video/ogg' || $fileSelected.type === 'video/webm' || $fileSelected.type === 'video/avi') {}

Я хотел бы знать, есть ли, возможно, лучший, аккуратный способ или сокращенный способ сделать выше?Может быть, используя новый синтаксис и методы ES6?

Вся помощь очень ценится:)

Answer 1

Поместите допустимые типы MIME в массив, затем проверьте, существует ли в массиве тип MIME загруженного файла:

const mimeTypes = ['video/mp4', 'video/webm', 'video/avi', 'video/ogg'] 

if ( mimeTypes.includes( $fileSelected.type ) ){
  // continue 
}

Answer 2

Вы можете иметь массив со всеми поддерживаемыми типами и проверить с помощью Array.prototype.indexOf, находится ли в нем конкретный тип:

const acceptedTypes = ['video/mp4', 'video/ogg', 'video/webm', 'video/avi'];

if (acceptedTypes.indexOf($fileSelected.type) !== -1) {
    ...
}

Если поддержка не является проблемой, вы также можете использовать Array.prototype.includes(), но вам нужен полифилл для IE и более старых версий других браузеров.