Estou tentando fazer uma validação simples na extensão das imagens que vão ocorrer o upload, porém não está dando muito certo até o momento, poderiam me ajudar?
Segue o código que estou tentando fazer funcionar.
var aoptionFoto = document.getElementById("optionsFotoImg").value;
var aopcDemaisTemFoto = ['Sim', 'Não'];
var ainput13 = document.getElementById("OutroTipoImagemFile").value == "";
var validaExt = ['jpg', 'png','gif', 'jpeg'];
var extImagem = ainput13.charAt(ainput13.length-3);
if(aoptionFoto == 'Sim' && ainput13 == true){
swal({
title: "Ops.. Algo está errado !",
text: "Para finalizar a compra é necessario fazer o upload da imagem.",
button: "Continuar",
});
document.formMonteCaixa.OutroTipoImagemFile[0].focus();
}else if(aoptionFoto == 'Sim' && ainput13 == false && extImagem != validaExt){
swal({
title: "Ops.. Algo está errado !",
text: "Para finalizar a compra é necessario fazer o upload da imagem com extensões valida.",
button: "Continuar",
});
document.formMonteCaixa.OutroTipoImagemFile[0].focus();
}else{
document.getElementById('BlocoDeEnvioEmailPag').style.display = 'block';
}
<p>Faça o upload da imagem</p>
<input name="OutroTipoImagemFile" id="OutroTipoImagemFile" accept="image/*" type="file">
O erro que retorna no console é esse:
Uncaught TypeError: ainput13.charAt is not a function at FinalizarCompra ((index):407) at HTMLButtonElement.onclick ((index):753)