meine pdf-Datei wird zunächst nur im Internet Explorer nicht ausgewählt

Question

meine pdf-Datei wird zunächst nur im Internet Explorer nicht ausgewählt

stimmen

13

Ich habe eine Eingabedatei pdfs auszuwählen. Nachdem ich die PDF-Dateien auswählen, sind offene Textfelder einen Titel zu jedem pdf zu geben.

Alles funktioniert einwandfrei in Google Chrome.

Im Internet Explorer habe ich ein Problem, dass ich nicht in der Lage bin, um herauszufinden, warum und wie zu lösen.

Mein Problem:

Im Internet Explorer, wenn ich ein pdf zum ersten Mal wählen, nichts passiert, wird das pdf nicht ausgewählt.

Ich brauche andere pdf zu wählen, kann aber nicht die erste pdf ausgewählt sein, und wenn ich andere pdf wählen es funktioniert.

Und dann beginnt immer gut zu funktionieren, aber erste Mal, dass ich eine pdf wählen Ich habe immer diesen Fehler.

Sie können sich mein ganzes Beispiel mit meinem Problem hier sehen : http://jsfiddle.net/j5yeq/3/ (aber zu sehen , mein Problem müssen Sie im Internet Explorer testen)

Meine 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>

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

javascript jquery html internet-explorer

Veröffentlicht am 09/08/2014 um 21:28
vom benutzer OzzC

In anderen Sprachen...

1 antworten

Akash K. · Accepted Answer · 2014-08-11 11:35

Sie jQuery-Code hat einige Fehler. Ich kann nicht die Lösung für IE derzeit finden, aber auch in Chrome und Firefox dieses Code uploads pdf zweimal aus zweiten Mal. Ich habe die jquery geändert richtig zu arbeiten.

$('.j_gsendp').click(function(){
    $('.j_galleryp').trigger('click');
});

$('.j_galleryp').change(function () {
    update();    
});

function update(){
    var input = $('.j_galleryp')[0];
    var allFiles = input.files;
    var numFiles = input.files.length;
    alert(numFiles);
    $('.j_gfalsep').animate({
        width: '400'
    }, 500, function () {
        $(this).html('You select <strong>' + numFiles + '</strong>files.');
        for (var i = 0; i < numFiles; i++) {
            var file = allFiles[i],
                name = file.name;
            $('#test').append('<span class="field">Title of pdf ' + name + ':</span><input type="text" name="title[]" value="' + name + '"/><br><br>');
        }
    });
}

Verwenden Sie diese jQuery-Code und binden nicht Event-Handler innerhalb anderer Event-Handler. Sie können verbindliche gleiche Ereignis mehrmals beenden.

HINWEIS: Ich kann die Frage nicht bearbeiten , so antwortete ich dies als eine Lösung.