Ho un file di input per selezionare i file PDF. Dopo aver selezionato i file PDF, sono aperte le caselle di testo per dare un titolo ad ogni pdf.
Tutto funziona correttamente in Google Chrome.
In Internet Explorer Sto avendo un problema che io non sono in grado di capire perché e come risolvere.
Il mio problema:
In Internet Explorer quando si seleziona un file PDF per la prima volta, non succede nulla, il pdf non è selezionata.
Ho bisogno di selezionare altri pdf, ma posso essere il primo PDF selezionato, e quando seleziono altri pdf funziona.
E poi comincia a lavorare sempre bene, ma la prima volta seleziono un pdf ho sempre avere questo bug.
È possibile vedere il mio esempio completo con il mio problema qui : http://jsfiddle.net/j5yeq/3/ (ma per vedere il mio problema è necessario testare in Internet Explorer)
La mia 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>
La mia 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('');
});
});
});