Evitar que o input file seja limpado ao cancelar a seleção
Bom dia. Eu estou tentando encontrar uma maneira de evitar que após o usuário selecionar, se selecionar, uma imagem, essa seja substituída apenas por outra selecionada. Porém quando o usuário cancela a seleção, o input file remove o arquivo se já foi selecionado anteriormente.
Essa é a estrutura que estou usando HTML
form action="#" method="post" name="formulario" id="formulario" enctype="multipart/form-data"
input type="file" name="file_name[]"
br
input type="file" name="file_name[]"
br
button enviar /button
/form
JS PURO
Peguei esse script em um post aqui do stackoverflow e adaptei
script type="text/javascript"
let formulario = document.querySelector("#formulario");
formulario.addEventListener("change", (e)=>{
e.preventDefault();
var file = e.target.files[0];
if (e.target.files.length === 1 && e.target.files !== undefined && e.target.files !== null
&& file.type.match('image.*'))
{
console.log("if okay");
}
else
{
//preciso entender o que devo fazer aqui para verificar se há arquivo no DOM desse
target caso, o usuário cancele a seleção, para evitar que se há um arquivo no DOM
esse permaneça.
console.log(file); //CASO O USUÁRIO CANSELA A SELEÇÃO, RETORNA undefined
}
});
/script
O if está correto, porém o que falta é o que fazer no else. Agradeço desde já.Discussão (0)
Carregando comentários...