J'ai un fichier d'entrée pour sélectionner pdfs. Après que je sélectionne les pdfs, sont des zones de texte ouvertes pour donner un titre à chaque pdf.
Tout fonctionne correctement dans Google Chrome.
Dans Internet Explorer, je vais avoir un problème que je ne suis pas en mesure de comprendre pourquoi et comment résoudre.
Mon problème:
Dans Internet Explorer lorsque je sélectionne un fichier PDF pour la première fois, rien ne se passe, le pdf est pas sélectionné.
Je dois choisir d'autres pdf, mais ne peux pas être le premier pdf sélectionné, et lorsque je sélectionne d'autres pdf il fonctionne.
Et commence alors à travailler toujours bien, mais première fois que je sélectionne un pdf j'ai toujours ce bug.
Vous pouvez voir mon exemple complet avec ma question ici : http://jsfiddle.net/j5yeq/3/ (mais voir mon problème , vous devez tester dans Internet Explorer)
Mon 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>
Mon 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('');
});
});
});