Tengo un archivo de entrada para seleccionar los archivos PDF. Después selecciono los archivos PDF, son cuadros de texto abiertos para dar un título a cada pdf.
Todo funciona correctamente en Google Chrome.
En Internet Explorer Estoy teniendo un problema que no soy capaz de averiguar por qué y cómo resolver.
Mi problema:
En Internet Explorer cuando selecciono un pdf, por primera vez, no pasa nada, el pdf no está seleccionado.
Necesito seleccionar otra pdf, pero no puedo ser el primero en PDF seleccionado, y cuando selecciono otro pdf funciona.
Y luego comienza a funcionar siempre bien, pero la primera vez que seleccione un PDF siempre tengo este error.
Se puede ver mi ejemplo completo con mi problema aquí : http://jsfiddle.net/j5yeq/3/ (pero ver a mi problema que necesita probar en Internet Explorer)
Mi HTML:
<div class=galerry>
<div class=label style=margin:0;>
<span class=field>PDFS:</span>
<input type=file name=pdfs[] class=j_galleryp multiple=multiple accept=application/pdf />
<div class=j_gfalsep>Selecione quantos pdfs quiser</div>
<img src=img/upload.png class=j_gsendp alt=Enviar Capa title=Enviar Capa style=margin:0 0 10px 10px; />
<div class=label id=teste></div>
</div>
</div>
Mi jQuery:
$('.j_gsendp').click(function(){
$('.j_galleryp').click().change(function(){
var allFiles = this.files;
var numFiles = this.files.length;
$('.j_gfalsep').animate({width:'500'}, 500, function(){
$(this).html('You selected<strong>'+ numFiles +'</strong> files.');
for(var i = 0; i<numFiles; i++) {
var file = allFiles[i],
name = file.name;
$('#test').append('<div class=message>Give a title to pdf <strong>'+name+':</strong></div><span>Title for pdf '+name+':</span><input type=text name=title[] value=/><br><br>');
}
});
this.val('');
});
});
});