$(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)
});
});
});
})