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('');
        });
    });
});
Veröffentlicht am 09/08/2014 um 21:28
vom benutzer
In anderen Sprachen...                            


1 antworten

stimmen
1

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.

Beantwortet am 11/08/2014 um 11:35
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more