Publicado em 3 de mar.

Evento ao cancelar Input File com Jquery

#javascript #cancelar #evento #input file #jquery

Olá, estou trabalhando com uma pagina de update e quero que ocorra um evento quando meu input file for cancelado, especificadamente quando ele ainda esta vazio e é aberto para seleção do arquivo e assim cancelado. Quero que dispare um evento de preferencia em Jquery.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

gabrieldarezzo· 3 de mar.

Não conheço nenhum evento que consiga monitorar o 'cancel' (até pq naquele momento é uma comunicação do browser x S.O.)

Você poderia Monitorar o evento 'click', e esperar ocorrer um evento 'change' no value...

A questão é quando isso vai ocorrer?, já que o usuário pode demorar a cancelar/selecionar o arquivo e confirmar :(

Ai pensando bem... poderia ocorrer um callback de tempos em tempos checando até a janela voltar a ter 'focus' haha.

Alguma coisa maluca assim:

<!DOCTYPE HTML>

<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<form method="post" action="recebe.php" enctype="multipart/form-data">
 <p>Arquivo:</p>
 <input type="file" name="arquivo" id="arquivo" />

 <hr />
 <span id="status">Esperando o Click</span>
 <br />
 <span id="focaNoTrabalho"></span>

 <input type="submit" value="Enviar" />
	</form>

	<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
	<script type="text/javascript">

 $(document).ready(function() {

 var window_focus;

 $(window).focus(function() {
 window_focus = true;
 }).blur(function() {
 window_focus = false;
 });

 $( "#arquivo" ).bind( "click", function() {

 //console.log('val->', );
 var loopFocus = setInterval(function() {
 if(window_focus){
 //$( "#focaNoTrabalho" ).text("Focado!");
 clearInterval(loopFocus);

 if($( "#arquivo" ).val() == ''){
 alert('Pq cancelou?!');
 }
 }
 }, 500);
 });
 });

	</script>
</body>
</html>

	Live Demo:

	[https://fiddle.jshell.net/sLxg8s00/](https://fiddle.jshell.net/sLxg8s00/)

lucas70770· 3 de mar.

Ok, Obrigado.