Gmail-ähnlicher Datei-Upload mit jQuery

Question

Ich würde gerne Dateien hochladen, so wie es bei Google Mail möglich ist. Ich möchte jQuery und PHP verwenden, um es zu tun, gibt es irgendwie die Fortschrittsanzeige usw. zu bekommen?

Hier habe ich ein Video hinzugefügt, das zeigt, wie Google das macht. http://dl.getdropbox.com/u/5910/Jing/2009-04-02_1948.swf

Kein Flash, kein Perl oder cgi bitte

Ich denke, ich kann ohne die Fortschrittsanzeige leben, jetzt suche ich eigentlich nach Informationen über Jquery-Plugins oder einfach nur nach Dingen, die ich mir ansehen müsste

Answer 1

Es ist seltsam, dass die Leute sagen, dass Google Mail kein Flash verwendet, wenn man die swf-Datei auf der Google Mail-Oberfläche deutlich sehen kann. Versuchen Sie, mit der rechten Maustaste auf "Datei anhängen" zu klicken. Damit können Sie unter anderem mehrere Dateien auf einmal hochladen.

Answer 2

Am einfachsten wäre es, wenn Sie SWFUpload Es handelt sich um eine kleine Schaltfläche, die in Flash geschrieben wurde, mit allen Hooks, um sie in JS zu steuern. Sehr einfach zu bedienen und funktioniert gut mit PHP

aber, wenn Sie wirklich wollen, dass es reines JS ist, benötigen Sie etwas Hilfe vom Server. insbesondere müssen Sie den Upload starten und regelmäßig den Server abfragen, wie es geht. leider, PHP-Upload-Behandlung erhält keine Benachrichtigung, bis nach dem Download beendet. Sie müssten es mit etwas anderes ersetzen. es gibt ein paar reine JS-Uploader, die Beispiel Perl-Server-Code nur aus diesem Grund enthalten.

D.h. JS und PHP reichen nicht (vollständig) aus. Entweder man fügt Flash auf dem Client hinzu oder einen besseren Upload-Handler auf dem Server.

Answer 3

Meiner Meinung nach ein ausgezeichneter Artikel zu diesem Thema: http://robertnyman.com/html5/fileapi-upload/fileapi-upload.html

Leider fehlt die Unterstützung für IE und Opera, aber das wird sich hoffentlich ändern.

Answer 4

Uploadify ist eine weitere swf (sorry) Upload-Schaltfläche, die Jquery verwendet. Die gleiche Idee wie das, was Javier erwähnt.

Answer 5

PHP unterstützt keine direkte Meldung des Upload-Fortschritts. Es gibt also keine Möglichkeit, den Upload-Status zurückzulesen. Es gibt jedoch eine parche die funktionieren könnten. Ich habe es aber noch nicht ausprobiert.