gazes12
@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.
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ответы на вопрос 1
SADFGHJAETJER
@SADFGHJAETJER
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);
})
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы