Убедитесь, что расширение файла связано с файлами типа документа, такими как «.txt, .do c, .pdf, .psd, et c.»

Question

Прямо сейчас, во время загрузки файла (ов), все типы файлов просматриваются. Несмотря на то, что файл типа документа не является предварительным просмотром, он выглядит так же, как когда источник изображения не найден. Тем не менее, я только хочу просмотреть файл (ы), которые являются изображения и видео. Я не хочу предварительно просматривать файлы типов документов в разделе предварительного просмотра файлов HTML.

Answer 1

Вы можете использовать регулярное выражение для проверки типа расширения файла, например ниже:

// name of file
var filename = "file.txt";

// use a regex to check file type
// | = "or" operator
// check for multiple file types
if(filename.match(/\.txt|\.doc|\.pdf|\.psd/)){
    alert('Only image & video files are available for preview')
} else {
 // execute my logic

}

Answer 2

Если вы хотите проверить, соответствует ли имя файла одному из указанных c расширений, вы можете использовать следующую функцию

const isExtensionMatch = (filename, matchedExtensions) => {
  const value = filename.split('.');

  let extension;
  if (value.length > 1) {
    extension = value[value.length - 1];
  }

  return new RegExp('^(' + matchedExtensions.join('|') + ')$').test(extension);
};

console.log(isExtensionMatch('filename.png', ['png', 'jpg'])); // true
console.log(isExtensionMatch('filename.sometext.png', ['png', 'jpg'])); // true
console.log(isExtensionMatch('filename.sometext.jpg', ['png', 'jpe?g'])); // true
console.log(isExtensionMatch('filename.sometext.jpeg', ['png', 'jpe?g'])); // true
console.log(isExtensionMatch('filename.sometext.jpeg', ['png', 'mp4'])); // false
console.log(isExtensionMatch('filename.sometext.jpeg.sometext', ['png', 'jpe?g'])); // false