Saltar al contenido

php obtener ejemplo de código de progreso de carga de archivo

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *