0 votos
por (20 puntos) en jQuery
$(function(){
    function MensajeFinal(msg){
        $('.mensage').append(msg);
        
        $('.mensage').show('slow');
    }
    
    $('#enviar').click(function(e){
        e.preventDefault();
        var text=$(".pru").val();
        
        var archivos = document.getElementById("archivos");
        archivos = archivos.files;
        var tamaño = archivos.length;
        
            console.log(tamaño)
        //console.log('aqui');
        $.each(archivos, function(k, archivo){
        
        
            var fd = new FormData();
            
            fd.append("archivos",archivo);
            fd.append("text",text);       
            
                $('.m').append(archivo.name+"<br>"+'<div class="progress progress-striped active"> <div id="progressBar" value="0" max="100"  class="progress-bar" style="width:0%"></div></div>');
        var progress_bar = $('.progress'),
        progress_total = $('.progress-bar');
        
        
        //$('.m').append($(".progress.progress-striped.active").hide());
            $.ajax({
                'url' : 'subir.php',
                'type' : 'POST',
                'async' : true,
                'data' : fd,
                'contentType' : false,
                'processData' : false,
                // cache : false,
                
                'xhr' : function(){
                        var myxhr = $.ajaxSettings.xhr();
                        //uso el objeto xhr para mostrar
                        //el progreso de la subida
                        if(myxhr.upload){
                            //progress_bar.css('display', 'block');
                            myxhr.upload.addEventListener('progress', function(e){
                                //calculo porcentaje subido para animar la barra
                                if(e.lengthComputable){
                                    var perc = Math.floor(e.loaded * 100 / e.total);
                                    var percentUploaded =  perc + '%';
                                    progress_total.animate({
                                        'width': percentUploaded
                                    }, 500, 'linear'
                                     
                                     
                                     
                                     );
                                
                    
                            
                        
                                }
                            }, false);
                        }
                        return myxhr;
                },
            }).done(function(msg){
              
                 
            
                MensajeFinal(msg)
            });
            
            
            });
        });
    
})

Por favor, accede o regístrate para responder a esta pregunta.

Preguntas relacionadas

0 votos
1 respuesta
preguntado por redm23 (200 puntos) Ene 28, 2016 en Java
0 votos
1 respuesta
0 votos
1 respuesta
Bienvenido a Dudas de Programación, donde puedes hacer preguntas y recibir respuestas sobre los problemas más frecuentes de los lenguajes de programación, frameworks de desarrollo y bases de datos que utilices. Foro de Línea de Código

Categorías

...