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();
}
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);
})