Te sugerimos que pruebes esta solución en un entorno controlado antes de enviarlo a producción, saludos.
Ejemplo: barra de progreso para cargar un archivo en php
<form id="uploadForm" action="upload.php" method="post"><div><label>Upload Image File:</label><input name="userImage" id="userImage" type="file"class="demoInputBox"/></div><div><input type="submit" id="btnSubmit" value="Submit"class="btnSubmit"/></div><div id="progress-div"><div id="progress-bar"></div></div><div id="targetLayer"></div></form><div id="loader-icon" style="display:none;"><img src="LoaderIcon.gif"/></div>
$(document).ready(function()
$('#uploadForm').submit(function(e)if($('#userImage').val())
e.preventDefault();
$('#loader-icon').show();
$(this).ajaxSubmit(target:'#targetLayer',beforeSubmit:function()
$("#progress-bar").width('0%');,uploadProgress:function(event, position, total, percentComplete)
$("#progress-bar").width(percentComplete +'%');
$("#progress-bar").html(''+ percentComplete +' %'),success:function()
$('#loader-icon').hide();,resetForm:true);returnfalse;););
Si crees que ha sido útil este post, agradeceríamos que lo compartas con otros entusiastas de la programación y nos ayudes a extender nuestro contenido.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)