Quiero mostrar una rueda giratoria mientras se procesa la carga de un video
Pero después de elegir un girador de archivos simplemente no aparece

html

 <div class='spwrap' id='spwrap'> <img class='spinner' src='spinner.gif' alt='img'> </div>

CSS

 .spwrap{ display:none; }

js

 var spwrap = $('#spwrap'); // this is spinner wrap inpfile.on('change', function(){ spwrap.slideDown(); // doesn't slide var f = inpfile[0].files[0]; var fd = new FormData(); fd.append('inpfile', f); $.ajax({ url: 'upload.php', type: 'POST', data: fd, async: false, contentType: 'multipart/form-data', success: function (data){ console.log(data); spwrap.slideUp(); // sometimes shortly slideDown and slideUp immediately }, cache: false, contentType: false, processData: false }); });

También probé spwrap.show() en lugar de slideDown - el mismo resultado

como solucionar esto?

actualizar

Lo intenté:

 inpfile.on('change', function(){ spwrap.slideDown(); // the rest of code is removed });

y funciona, es decir, spwrap es visible