Как правильно проверить расширение загруженного файла?

Question

[gazes12]

const file = document.querySelector('.popup-uploadImage__input');
const label = document.querySelector('.popup-uploadImage__label');
file.oninput = () =>{
	function extensionCheck(){
		const extensions = ['png', 'jpg', 'svg', 'jpeg'];
		var result = file.files[0].name.includes(extensions);

		if(result == true){
			label.setAttribute('data-value', file.files[0].name);
			uploadBtn.classList.add('on');
			deleteBtn.classList.add('on');
		}else{
			alert('Файл должен иметь одно из этих расширений: ' + extensions);
		}
	}

	extensionCheck();
}

Все время выдает false.

Comments

[Dutt Dett]

Попробуйте методы отсюда

Answer 1

[Финский Мачо]

const ALLOWED_TYPES = ["jpg", "png", "gif", "jpeg"];

file.addEventListener("input", ({ target }) => {
  const [file] = target.files;
  const [, fileType] = file.type.split("/");
  
  if (!file || !file.size) return;
  if (!ALLOWED_TYPES.includes(fileType)) return alert("file type not allowed");
  
  // upload process
  console.log(fileType, file);
})