jQuery-Datei-Upload

[Dago811]

Hallo Zusammen,
stehe vor einem kleinen Problem und hoffe auf einen guten Tipp

Habe einen Multi File Upload mit dem jQuery-Datei-Upload realisiert, klappt auch alles wie gewünscht die Dateien landen auf dem Server im dafür vorgesehenem Ordner.

Des weiteren habe ich mir ein PHP Skript geschrieben welches die Bilder aus dem Verzeichnis ausliest, in eine MySQL Datenbank überträgt und anschließend löscht.

Jetzt möchte ich aber nicht (wie derzeit) eine Taste haben für den Upload und eine weitere für die Übertragung in die Datenbank haben, sondern
ich möchte das nach erfolgreichem Upload aller Dateien automatisch das PHP Skript aufgerufen wird.

Ich finde aber nicht die passende stelle (wie ein callback) wo ich den Aufruf einbauen kann da ich nicht feststellen kann ob der Upload bereits abgeschlossen ist.
Hat jemand einen Rat für mich ?

LG
Dennis

[mikdoe]

Der jQuery-Datei-Upload muss ja bereits ein Serverscript (vermutlich auch PHP) anstoßen. Wieso lässt du dieses nicht auch direkt den DB-Teil erledigen oder wenigstens das DB-Script aufrufen?

[Dago811]

Guten Morgen,
war am Wochenende nicht im Büro und konnte daher nicht früher Antworten sorry.

Den Gedanken hatte ich auch bereits, aber ich finde keine entsprechende Stelle,
in der Index.php wird das ganze über folgendes Konstrukt ausgelöst : <button type="submit" class="btn btn-primary start" style="height:55px">

Ich habe mich durch die ganzen Dateien gesucht und vermute, das das Ereignis (start) in der jquery.fileupload.js ausgelöst wird, finde dort aber keine
Stelle wo ich erkennen kann ob die Dateien bereits fertig hochgeladen wurden.
Wenn ich parallel einfach mein Skript starte obwohl die Dateien noch garnicht angekommen sind komplett können sie ja nicht in die Datenbank übertragen und gelöscht werden.

[mikdoe]

Du suchst im HTML/JS der Webseite nach dem Code für das Upload. Dort ist ein Script Name angegeben. Ist das wirklich "Index.php"? Zeig' mal bitte die Stelle. Ich würde nach ".ajax" suchen, das ist die gebräuchliche AJAX Komponente von jQuery. Kann aber auch eine Lib im Einsatz sein.

Am besten auf der Seite die Console öffnen (F12) dann Reiter "Elements" und dann ganz links auf das Quadrat mit dem Pfeil von unten rechts kommend aktivieren. Jetzt die Maus auf das Feld für den Upload stellen und klicken. Das zeigt dir in der Console den betreffenden Code. Beschrieben habe ich den Weg im Chrome.

Ein Beispiel:
js_beispiel.jpg