Fileupload via AJAX

GSJLink · 05.09.2007, 19:45

Hallo,

so ich bin jetzt mal wieder auf eine Hürde in Sachen AJAX gestoßen. Wie der Titel schon sagt, habe ich folgendes vor: Ich möchte ein Formular, in dem ich eine Datei auswähle und dann auf einen Button drücke. Danach soll das File auf der Festplatte hochgeladen werden und anschließend via PHP mit div. Daten (Uhrzeit, Filetyp etc.) in eine Datenbank eingetragen werden.

Ich habe durchaus schon einmal "ajax file upload" bei Google eingegeben. Allerdings findet man dort nur relativ komplexe Scripte mit viel zu viel Schnickschnack. Eine Progress Bar ist zwar schick, mir ist allerdings wichtiger, dass das Programm auf nahezu allen Servern läuft. Wenn das auch mit Progress Bar gewährleistet ist, umso besser.

Ich könnte mir jetzt natürlich die Scripte zur Gemüte führen. Allerdings sehe ich darin keinen Lerneffekt, wenn man nur die Hälfte (oder noch weniger) versteht.

Deshalb würde ich gerne wissen, ob einer von euch schonmal was in Richtung AJAX + Fileupload gemacht hat und mir evtl. ein paar Dinge erklären kann.

Wie funktioniert das ganze dann eigentlich? Gibt es da bestimmte Tricks (oder Hacks)?

Edit: Ich vergaß noch folgendes anzumerken: Es ist wichtig, dass das ganze mit AJAX läuft oder zumindest so, dass ich nach Abschloss des Fileuploads einen AJAX Request absenden kann um so die Dateiliste mit der hochgeladenen Datei anzeigen zu können.

mfg
Link

Slava · 05.09.2007, 20:46

eine seits sagst du, dass die scripts die du schon gesehen hast zu kompliziert für dich sind, andere seits willst du selbst so was machen.

ich kann dir nur eine mögliche vorgehensweise vorschlagen.
1) ein iframe machen name="ifram" style="width:0px;height:0px;border:0"
2) formular in hauptfenster mit target="ifram" versehen um reload bei absenden von formular unterdrücken.
3)beim absenden von dem formular im hauprfenster mit kleinen zeitabständen an einen extra phpscript eine anfrage senden, bis der script bestätigt, dass die datei XXX auf dem server im ordner YYY schon vorhanden ist.
so lange das alles läuft, kannst du von mir aus im Hauptfenster die Puppen Tanzen lassen.
4)ist bestätigung, dass die datei vorhanden ist angekommen, die datei in der liste von hohgeladenen dateien anzeigen lassen (wenn das ein bild ist, zbs kleine Vorschau).

Zergling-new · 05.09.2007, 22:42

Slava, dein Schriftdeutsch ist schrecklich

Slava · 05.09.2007, 23:05

OT:

Zitat:

Zitat von Zergling

Slava, dein Schriftdeutsch ist schrecklich

du hast noch nicht gehört wie ich spreche

so ist es, wenn man erst mit 27 Jahren eine fremdsprache lernen beginnt.
Wenn das zu lässtig wird, dann sag mir einfach bescheid, ich werde dann besser auf meine Beiträge verzichten.

Zergling-new · 05.09.2007, 23:11

Und wie alt bist du jetzt? Sieht mir mehr nach Legastheniker aus (ifram, hauprfenster). Scheissse will dir jetzt aber keine Behinderung unterjubeln, is au net bös gemeint, ich pöbel nur ganz gerne (merkt man das?) - nix für ungut!

:P

Slava · 05.09.2007, 23:42

Zitat:

Zitat von Zergling

Sieht mir mehr nach Legastheniker aus (ifram, hauprfenster).

ifram(e bei schnellem schreiben weggefahlen)
haup(r -steht neben dem t)fenster
aber nach dem ich bei Wikpedia nach Legasthenie nachgeschlagen habe, bin ich jetzt ernst am Verzweifeln

Zergling-new · 05.09.2007, 23:44

Oje was hab ich da angestellt. Alles weitere per PM, ich red mich noch um Kopf und Kragen

GSJLink · 06.09.2007, 07:06

Zitat:

Zitat von Slava

3)beim absenden von dem formular im hauprfenster mit kleinen zeitabständen an einen extra phpscript eine anfrage senden, bis der script bestätigt, dass die datei XXX auf dem server im ordner YYY schon vorhanden ist.
so lange das alles läuft, kannst du von mir aus im Hauptfenster die Puppen Tanzen lassen.

Also du meinst, dass wen ich das Formular dann mit einer JS Funktion submitte, ich gleichzeitig eine AJAX Abfrage starten soll, ob die Datei schon auf dem Server existiert (file_exist()

. Wenn ja, dann kann ich ja eine neue Abfrage zum anzeigen starten, wenn nein, soll ich dieselbe AJAX Abfrage nochmal machen. Hab ich das richtig verstanden?

Wenn das so ist, ist das ja gar nicht so schwer

Danke!

mfg
Link

GSJLink · 06.09.2007, 16:10

Ok, das ganze funktioniert soweit. Aber was passiert wenn copy(); einen Fehler ausgibt. Wie könnte ich den an das parent Fenster bzw. an die AJAX Funktion weitergeben?

mfg
Link

GSJLink · 06.09.2007, 16:43

Ok, jetzt funktioniert aber wirklich alles und sogar ohne AJAX! Ich habe nämlich herausgefunden, dass man vom IFrame heraus eine JS Funktion des Parent Fensters ausführen kann. D.h. man kann nach dem Dateiupload sogar mit einer alert Meldung sagen, ob der Upload erfolgreich war oder nicht und dann sogar noch die Dateiliste aktualisieren.
Und das ganz ohne AJAX. Find ich cool

Danke nochmal!

mfg
Link

btw: kann geclosed werden

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Wann lohnt sich AJAX	Mikay Kun	Off-Topic Diskussionen	6	23.07.2008 17:55
Ajax --- Nur einmal nachladen	PHP4ever	JavaScript, Ajax und mehr	4	21.07.2008 13:18
class.GMapper --> Mit Firefox Problem bei Ajax	Plague	PHP Tipps 2008	3	08.07.2008 10:31
Anwendungsentwickler (Schwerpunkt AJAX) in Hamburg	WPM	Beitragsarchiv	0	24.04.2008 16:01
AJAX auf entfernte Datei	GSJLink	HTML, Usability und Barrierefreiheit	5	02.03.2008 11:29
AJAX: Session-Inhalt an PHP	Curanai	HTML, Usability und Barrierefreiheit	2	05.11.2007 15:45
AJAX open mit POST und GET	DonTermi	HTML, Usability und Barrierefreiheit	5	04.10.2007 18:22
Javascript in Ajax responseText funktioniert nicht	Plague	PHP Tipps 2007	6	03.07.2007 21:08
Ajax bild.php aktualisieren	M3g4Star	HTML, Usability und Barrierefreiheit	3	09.03.2007 17:14
2 Fragen zu AJAX	Freeaak	HTML, Usability und Barrierefreiheit	11	22.02.2007 18:29
Ajax und Sonderzeichen?	GSJLink	HTML, Usability und Barrierefreiheit	1	11.11.2006 14:36
AJAX: Newsflash: How to?	SvenLittkowski	HTML, Usability und Barrierefreiheit	11	26.09.2006 23:14
ajax / popup problem	flflfl	HTML, Usability und Barrierefreiheit	11	11.06.2006 20:05
Ajax Formular	Chrischnian	HTML, Usability und Barrierefreiheit	8	29.05.2006 17:58
php + ajax	notyyy	PHP Tipps 2006	27	14.05.2006 14:58

05.09.2007, 19:45
GSJLink Erfahrener Benutzer Registriert seit: 27.08.2003 Beiträge: 449 PHP-Kenntnisse: Fortgeschritten	Fileupload via AJAX Hallo, so ich bin jetzt mal wieder auf eine Hürde in Sachen AJAX gestoßen. Wie der Titel schon sagt, habe ich folgendes vor: Ich möchte ein Formular, in dem ich eine Datei auswähle und dann auf einen Button drücke. Danach soll das File auf der Festplatte hochgeladen werden und anschließend via PHP mit div. Daten (Uhrzeit, Filetyp etc.) in eine Datenbank eingetragen werden. Ich habe durchaus schon einmal "ajax file upload" bei Google eingegeben. Allerdings findet man dort nur relativ komplexe Scripte mit viel zu viel Schnickschnack. Eine Progress Bar ist zwar schick, mir ist allerdings wichtiger, dass das Programm auf nahezu allen Servern läuft. Wenn das auch mit Progress Bar gewährleistet ist, umso besser. Ich könnte mir jetzt natürlich die Scripte zur Gemüte führen. Allerdings sehe ich darin keinen Lerneffekt, wenn man nur die Hälfte (oder noch weniger) versteht. Deshalb würde ich gerne wissen, ob einer von euch schonmal was in Richtung AJAX + Fileupload gemacht hat und mir evtl. ein paar Dinge erklären kann. Wie funktioniert das ganze dann eigentlich? Gibt es da bestimmte Tricks (oder Hacks)? Edit: Ich vergaß noch folgendes anzumerken: Es ist wichtig, dass das ganze mit AJAX läuft oder zumindest so, dass ich nach Abschloss des Fileuploads einen AJAX Request absenden kann um so die Dateiliste mit der hochgeladenen Datei anzeigen zu können. mfg Link


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.09.2007, 20:46
Slava Erfahrener Benutzer Registriert seit: 17.01.2006 Beiträge: 468	eine seits sagst du, dass die scripts die du schon gesehen hast zu kompliziert für dich sind, andere seits willst du selbst so was machen. ich kann dir nur eine mögliche vorgehensweise vorschlagen. 1) ein iframe machen name="ifram" style="width:0px;height:0px;border:0" 2) formular in hauptfenster mit target="ifram" versehen um reload bei absenden von formular unterdrücken. 3)beim absenden von dem formular im hauprfenster mit kleinen zeitabständen an einen extra phpscript eine anfrage senden, bis der script bestätigt, dass die datei XXX auf dem server im ordner YYY schon vorhanden ist. so lange das alles läuft, kannst du von mir aus im Hauptfenster die Puppen Tanzen lassen. 4)ist bestätigung, dass die datei vorhanden ist angekommen, die datei in der liste von hohgeladenen dateien anzeigen lassen (wenn das ein bild ist, zbs kleine Vorschau). __________________ Slava http://bituniverse.com

05.09.2007, 22:42
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Slava, dein Schriftdeutsch ist schrecklich

05.09.2007, 23:11
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Und wie alt bist du jetzt? Sieht mir mehr nach Legastheniker aus (ifram, hauprfenster). Scheissse will dir jetzt aber keine Behinderung unterjubeln, is au net bös gemeint, ich pöbel nur ganz gerne (merkt man das?) - nix für ungut! :P

05.09.2007, 23:44
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Oje was hab ich da angestellt. Alles weitere per PM, ich red mich noch um Kopf und Kragen

06.09.2007, 16:10
GSJLink Erfahrener Benutzer Registriert seit: 27.08.2003 Beiträge: 449 PHP-Kenntnisse: Fortgeschritten	Ok, das ganze funktioniert soweit. Aber was passiert wenn copy(); einen Fehler ausgibt. Wie könnte ich den an das parent Fenster bzw. an die AJAX Funktion weitergeben? mfg Link __________________ "Ein Script ist nur dann gut, wenn es unabhängig von der verwendeten Plattform funktioniert"

06.09.2007, 16:43
GSJLink Erfahrener Benutzer Registriert seit: 27.08.2003 Beiträge: 449 PHP-Kenntnisse: Fortgeschritten	Ok, jetzt funktioniert aber wirklich alles und sogar ohne AJAX! Ich habe nämlich herausgefunden, dass man vom IFrame heraus eine JS Funktion des Parent Fensters ausführen kann. D.h. man kann nach dem Dateiupload sogar mit einer alert Meldung sagen, ob der Upload erfolgreich war oder nicht und dann sogar noch die Dateiliste aktualisieren. Und das ganz ohne AJAX. Find ich cool Danke nochmal! mfg Link btw: kann geclosed werden __________________ "Ein Script ist nur dann gut, wenn es unabhängig von der verwendeten Plattform funktioniert"