jQuery fileupload - abrufen der Liste der hochgeladenen Dateien

Bin ich mit dem sehr guten jquery-plugin blueimp /jQuery-File-Upload

$('#fileupload').fileupload({
  autoUpload: true
, filesContainer: '#attachments_presentation tbody'
, stop: function (e) {
    console.log(data);
  }
});

Und ich bin nicht in der Lage, etwas zu tun, ganz einfach: Holen Sie sich die Liste der hochgeladenen Dateien

(mit Ihrem Namen auf dem server)

Zunächst bin ich naiv, wenn es gespeichert werden würde auf der Datei ein, also konnte ich die Liste mit

$('#fileupload').val();

Aber es ist nicht, also wenn ich etwa so etwas wie

$('#fileupload').fileupload('getfiles');

Ich kann nicht finden den Weg aus der docs

Kann jemand mir sagen, wie ich die Liste der hochgeladenen Datei-Namen im server ?

Update

Ich würde gerne die hochgeladenen Dateien Namen auf der server, um der Lage sein, um Sie zu verwalten danach.

Beispiel:

Ich lade eine Datei mit dem Namen trutruc.pdf
Ich hochladen test.png
Ich re-upload eine Datei mit dem Namen trutruc.pdf
Lösche ich die erste Datei

Die aktuelle Liste der Dateien auf dem server sollte dann test.png, trutruc (2).pdf

Update 2

Ich bin mit dem Standard-php-Skript versendet mit fileUpload

InformationsquelleAutor Pierre de LESPINAY | 2013-03-16

Wenn Sie instanziieren Sie das Standard-plugin, dort ist ein code-Teil, der ist abrufen alle bisherigen hochgeladenen Dateien (vorausgesetzt, Sie haben sich nicht verändert, der server-code) :

Finden Sie auf der main.js Datei Zeile 70 :

    //Load existing files:
    $.ajax({
    //Uncomment the following to send cross-domain cookies:
    //xhrFields: {withCredentials: true},
    url: $('#fileupload').fileupload('option', 'url'),
        dataType: 'json',
        context: $('#fileupload')[0]
    }).done(function (result) {
        $(this).fileupload('option', 'done')
            .call(this, null, {result: result});
    });

Als wenn man sich weiter in Ihrem code gibt es eine Tabelle, die ausgefüllt werden mit der Vorlage :

<table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>

Könnte man leicht zu analysieren-jede aus, dass die Tabelle nach dem laden der Dateien :

$('tbody.files tr').each(function(i, e) {
    //according to @Brandon's comment it's now p.name
    var name = $(e).find('td.name').text(); 
    var size = $(e).find('td.size').text();
    //etc.
});

Ich habe meine eigene Vorlage zum anzeigen der Dateien. Ich denke, es wäre besser zum verwalten der Datei-Liste aus done & destroy
Für jemand, der Sie findet, diese Lösung korrekt zu sein; stellen Sie sicher, Sie ändern es von 'td.name' 'p.der name' da gab es eine änderung, wie es erzeugt wird 🙂

InformationsquelleAutor soyuka

9

Ich mit UI-version.
Hier ist das Skript, das packt server-verbindungen aus der Tabelle der Dateien und füllt array:
```
    var files = new Array();
    $("#fileupload td p.name a").each(function() {
        var name = $(this).attr("href");
        files.push(name);
    });
    alert(files.join('\n'));
```
- ausgezeichnet! ich danke Ihnen sehr
- durch die überprüfung nur Elemente mit href Attribute bedeutet, dass Sie nur in Betracht ziehen, die hochgeladenen Dateien auf den server und nicht in der que. Dies ist, was ich suchte. Tolle Arbeit!
InformationsquelleAutor Eugene Mala
2

können Sie auch versuchen, diese
```
 $('#fileupload').bind('fileuploadcompleted', function (e, data) {
     var filess= data.result.files[0];
        var filenam = filess.name;
       alert(filenam);
});
```
- Bitte Bearbeiten Sie Ihre post, um mehr hinzuzufügen Erklärung darüber, was dein code macht und warum es das problem zu lösen. Eine Antwort, die meist nur code enthält (auch wenn es funktioniert) in der Regel nicht helfen, die OP zu verstehen, Ihr problem.
InformationsquelleAutor Harpreet Kaur
1

Ich hatte das gleiche problem und nach ein paar Stunden und Dutzende von Datei-uploads, ich glaube ich habe die Antwort, die Sie brauchen:
```
done: function (e, data) {
    response = data.response();
    parsedresponse = $.parseJSON(response.result);
    console.log(parsedresponse.files);
}
```
Wie Sie sehen können, finden Sie die hochgeladenen Dateien Namen an parsedresponse.files[i].url (ich ist die 0-basierte index der hochgeladenen Dateien).

Ok... seine hochgeladenen Datei die URL, aber Sie werden in der Lage, extrahieren Sie die Letzte Datei name ...

Hoffe, es hilft.
(dies ist nirgendwo in der Dokumentation konnte ich zu dieser Lösung durch die überprüfung der Firebug-Konsole Ausgänge)
- habe, wenn für mich danke!
InformationsquelleAutor Alexandre Paulo
1

Abrufen der Liste der hochgeladenen Datei Namen aus der server, erfordert server-side-code:

UploadHandler.php wird verwendet, um den upload von Dateien auf ein Verzeichnis/s auf Ihrem server.

Wenn Sie heruntergeladen haben die plug-in-Archiv und extrahiert es auf den server, werden die Dateien in php-Dateien standardmäßig.
(Stellen Sie sicher, dass die php/Dateien-Verzeichnis hat server-Berechtigungen zu schreiben.)
siehe: https://github.com/blueimp/jQuery-File-Upload/wiki/Setup

UploadHandler.php ist nur, dass eine upload-handler.
Es bietet keinen Zugriff auf server-Dateien ohne Verbindung zum server.

JavaScript kann nicht auf Dateien zugreifen, die auf der server, so müssen Sie ein php-Skript zu tun.
(Obwohl JavaScript könnte möglicherweise verfolgen alles hochgeladen, umbenannt und gelöscht werden.)

Können Sie ändern UploadHandler.php zu Ihrer Datenbank zu verbinden, und schreiben Sie die Datei-Pfade (und alle anderen Daten) in einer Datei-Tabelle beim hochladen.
Dann können Sie den Zugriff auf Ihre Dateien über standard-SQL-Abfragen:

Ändern UploadHandler.php:
1. Fügen Sie Ihre Parameter für die Datenbankverbindung
2. Schreiben Sie eine SQL-Abfrage-Funktion
3. Schreiben Sie eine zweite Funktion, um Ihre Abfrage
4. Aufruf der zweiten Funktion
finden Sie unter: https://github.com/blueimp/jQuery-File-Upload/wiki/Working-with-databases

InformationsquelleAutor DavidS

Gut, das ist schon ein Alter post, aber das ist etwas, das funktionierte sehr gut für mich, so dachte ich, um es zu veröffentlichen.

Binden Sie das Ereignis FileUploader (so habe ich es in main.js):

    $('#fileupload').bind('fileuploaddone', function (e, data) {
        FileUploadDone(e, data);
    });

In Ihrer html-Datei verwenden Sie den folgenden code, um die Datei-name:

function FileUploadDone(e, data) {
for (x in data._response.result.files){
    if (data._response.result.files[x].error == "")
        alert(data._response.result.files[x].name);
    else
        alert(data._response.result.files[x].error);
}}

Sollte man sehen das Daten-Objekt in firebug. Dieses Objekt kapselt die meisten Informationen.

InformationsquelleAutor Jiten

0

Wenn Sie ' r mit dem basic-plugin asmentioned in der Dokumentationen Sie müssen übergeben Sie die Daten an die Funktion in der done-Attribut.
ändern Sie diese:
```
stop: function (e) {
```
zu diesem:
```
done: function (e, data) {
```
Ich weiß nicht, über die stop, wenn Sie bekommen es von einem der Dokumentationen Seiten dann denke ich, das gleiche galt auch hier kann man nicht arbeiten mit Daten wenn Ihr nicht zur Verfügung.

Hoffe, diese Hilfe
- data scheint, enthält nur den ursprünglichen Namen der Datei. Ich brauche die Datei-server-name, siehe mein update
- data ist die Rückgabe von Daten von dem server-wenn Sie so wollen, den neuen Dateinamen ein, schicken Sie es wieder vom server.
- Ich verstehe nicht, ich weiß, dass data form kommt, der server aber wie kann ich die neue Datei-Namen aus oder ?
- In der Regel, um die neuen Datei-Namen aus dem Daten-Objekt, die Sie brauchen, um es zurück zu senden von dem server, ich weiß nicht, was Sprache, die Sie ' r die Verwendung auf dem server, aber wenn es PHP ist, es wäre so etwas wie dieses: echo json_encode(array('file_name' => $file_name)); und erhalten Sie den $file_name aus, was Sie setit, um in das PHP-Skript.
- Ich habe vergessen anzugeben, dass ich mit der Standard-php-Skript versendet mit fileUpload
- Sorry, kann nicht helfen, Ihnen keine weiteren Skript wird eine lange Zeit dauern, für mich zu Lesen und zu verstehen, und ich habe eine Menge Arbeit zu tun, aber als Allgemeine Antwort: Lesen Sie das Skript und suchen Sie, wo der Dateiname angegeben ist, und fügen Sie es (wenn es nicht im zurückgegebenen array) und dann extrahiert aus den Daten in der client-Seite. hoffe, das half.
- Vielen Dank für Ihre Zeit. Ja, ich denke, ich werde zu machen, haben einige reverse ingeneering hier. Ich dachte, es gab irgendwo dokumentiert, die ich nicht sehe, das ist, warum ich fragte.
InformationsquelleAutor Yahya KACEM

versuchen, done-Methode und legen Sie Namen in versteckten Eingang, dann wählen Sie:

$('#fileupload').fileupload({
  autoUpload: true
, filesContainer: '#attachments_presentation tbody'
, stop: function (e) {
    console.log(data);
  }
, done: function(e,data){
            var filess= data.files[0];
            var filenam = filess.name;
            data.context.text(filenam+' uploaded successfully.');
            $('#formId').append('<input type="hidden" name="fileName" value="'+filenam+'"/>');
}
});

Hier filess.name enthält den ursprünglichen Namen der Datei. Ich muss den Namen der Datei auf dem server, es kann verändert werden, indem die server-uploader-Klasse, dh: trutruc.pdf (2) wenn trutruc.pdf bereits vorhanden ist.

InformationsquelleAutor Mohamed Ali

bekommen Dateiliste hochladen fertig:

$('#fileupload').bind('fileuploadfinished', function (e, data) {
   console.log(data.originalFiles);
});

InformationsquelleAutor Shashank Kumar

 //Initialize the jQuery File Upload widget:
                $('#edit-product').fileupload({
                    //Uncomment the following to send cross-domain cookies:
                    //xhrFields: {withCredentials: true},
                    disableImageResize: false,
                    autoUpload:false,
                    url: 'YOURURL'
                }).bind('fileuploaddone', function (e, data) {
                    console.log(data.result.files[0]);   
                });

InformationsquelleAutor Ammar Jabakji

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Ändern UploadHandler.php: