Abbrechen einer einzelnen Datei mit jquery-file-upload

Ich stornieren möchte eine einzelne Datei mit jquery-file-upload-plugin. Ich möchte es mit dem core-plugin, keine Notwendigkeit für alle UI-Sachen.

Wo sind die Dateien, die sich nach wähle ich Sie auf meinem lokalen Dateisystem?

  • vor oder beim hochladen?
  • Vor dem hochladen, ich will eine Liste von Dateien, die hochgeladen werden, die nach der Vorlage. Die Absicht ist, zu stornieren Dateien aus dieser Liste. Das genaue Verhalten versuche ich zu erstellen, ist auch die Umsetzung in der UI-version: blueimp.github.com/jQuery-File-Upload.
InformationsquelleAutor Hoetmaaiers | 2013-04-02
  1. 7

    Habe ich es so in meinem Projekt: Anhängen, upload-und Abbrechen-Schaltflächen für jede Datei

    $('#TestForm').fileupload({
         dataType : 'json',
         autoUpload : false,
         add : function(e, data) {
             var file=data.files[0];
             var vOutput="";
             vOutput+="<tr><td>"+file.name+"</td>"
             vOutput+="<td><input type='button' class='fileUpload' value='upload'></td>"
             vOutput+="<td><input type='button' class='fileCancel' value='cancel'></td></tr>"
             $("#TestTable").append(vOutput)
             $(".fileUpload").eq(-1).on("click",function(){
                  data.submit();
             })
             $(".fileCancel").eq(-1).on("click",function(){
                  $(this).parent().parent().remove()
             })
         }
})

    wenn Sie möchten, können Sie auch hinzufügen von Schaltflächen zum hochladen oder löschen aller Dateien wie dieses:

        $("#fileUploadAll").on("click", function() {
        $(".fileUpload").click(); //click all upload buttons
    })
    $("#fileCancelAll").on("click", function() {
        $(".fileCancel").click(); //click all cancel buttons
    })

    HTML:

    <form id='TestForm'>
     <input type="file" id="FileSelect" name="files[]" data-url="yourURL.php" multiple/>
     <input type="button" value="upload all" id="fileUploadAll"/>
     <input type="button" value="cancel all" id="fileCancelAll"/>
     <table id='TestTable'></table>
</form>
    • Danke für deine Antwort, es hat mir einen besseren Einblick. Ich erkenne jetzt meine eigentliche Frage. Ich möchten wählen Sie mehrere mal die Dateien von meinem Dateisystem habe und es an einer einzigen Eingabedatei (1 param)
    • Sie sicher, dass die $(this).parent().parent().remove() können verhindern, dass plugin von endlich Ihre Datei hochladen?
    • das submit-Ereignis binden Sie auf diese Schaltfläche. Und wenn Sie die entfernen-Taste, wird die Datei nicht hochgeladen werden.
    • Danke Mann! Verschwendet halben Tag versuchen, um herauszufinden, wie man ändern Sie das array mit Dateien, die hochgeladen werden.
    InformationsquelleAutor Dirty-flow
  2. 1

    Andere Möglichkeit, der hier erwähnt wird, wenn Sie nicht wollen, um das überschreiben der add-Methode: Hinzufügen upload Abbrechen oder Abbrechen-Funktionalität von bootstrap multiple file upload plugin

    $('#fileupload').bind('fileuploadadd', function(e, data){
  var jqXHR = data.submit(); //Catching the upload process of every file
  $('#cancel_all').on('click',function(e){
        jqXHR.abort();
  });
});

    Es nutzt die jqXHR-Objekt zurückgegeben, die von der submit-Methode. Nur nicht vergessen auszuschalten, autoupload Einstellung. Wenn Sie nicht wollen, zu Abbrechen aller uploads dann stellen Sie sicher, befestigen Sie das click-Ereignis für das entsprechende element für die Datei.

    InformationsquelleAutor Janspeed
  3. 0

    Hatte ich einen Fall, wo wir gebraucht, um einen Scheck zu sehen, ob die ausgewählte Datei(en) gab es bereits auf dem server, und geben die Möglichkeit, diese zu überschreiben. Wenn der Benutzer sich entschieden, nicht die Datei überschreiben, dann werden wir nicht wollen, um mit dem hochladen der Datei auf den server, aber halten Sie es in der Warteschlange, sofern Sie verändert Ihren Sinn, dh nicht löschen, das ganze tr.

    Um dies zu erreichen, können Sie fügen Sie einfach einen disabled - Attribut auf die Schaltfläche start in der tr, die Sie möchten, um zu verhindern, die hochgeladen wird. jQuery fileupload wird Abwanderung durch die Warteschlange als normal und ignoriert alle Zeilen, die eine deaktivierte Schaltfläche start.

    InformationsquelleAutor Jerry
Schreibe einen Kommentar