Direkt zum Hauptbereich

drag & drop Uplaoder für Facebook

Die schöne neue Welt im Browser! HTML 5 wird das Gefühl für "Web Applikationen" komplett verändern. Zumindest wird es die Welt um einiges schöner machen.
Um das neue Gefühl zu vermitteln und die "Zukunft" in den Browser zu holen, da habe ich einen "drag & drop" Uploader in Javascript für Facebook geschrieben. Dieser greift über die File-Api im Browser auf die Datei welche gedroped wurde zu und ladet diese dann auf den Server.

Die App hat eine Box in welcher man einfach die Bilder zieht, welche man auf Facebook veröffentlichen möchte. Die Bilder werden per Ajax an den Server übertragen. Hat man dann alles schön beisamen dann kann man die Bilder auf Facebook mit einer Nachricht posten!
Link zur Facebook App:
http://apps.facebook.com/givemelike/?mode=dragPicture

Einfach mal ausprobieren, seis auch nur um Bilder per drag & drop ins Web zu ziehen..... das ist die Zukunft ;)

Viel Spass.....

Kommentare

Beliebte Posts aus diesem Blog

Soziale Netze und die Sicherheit! Report Kwick!

Die Sozialen Netzwerke, neudeutsch: Social Networks, halten nicht allzu viel von Sicherheit. Vor allem müssten die Entwickler viel mehr für das Thema XSS Sensibilisiert werden. D enn Potentielle Angreifer finden jede Schwachstelle im System. Und wer lange genug sucht der wird imme r fündig. Es sollte den An greifern nur nicht allzu einfach gemacht werden. Kwick.de hatte bis zum 20.06.08 auch noch oder wieder ein Problem mit XSS. Betroffen waren so gut wie alle Suchformulare auf der Seite. Per zufall bin ich auf diesen Umstand aufmerksam geworden. Eines sei gesagt. Bei Kwick kann man sich nun getrost Anmelden denn die Sicherheitslücke wurde sofort behoben. Also eine sichere Sache. Andere Social Networks haben ähnliche XSS Probleme, eigentlich erschreckend viele. Die Namen möchte ich nicht nennen denn sonst rennen vielleicht ein Paar Dummys dahin und testen es gleich......... Nachdem ich dieses Problem dem Betreiber gemeldet hatte wurde es auch Postwendend behoben. Nur aus diesem Gru...

hackthissite.org Level 8 Basic Lösung

Hier ist ein eingabeformular in welches du deinen Namen schreiben sollst damit es eine Datei anlegen kann. Zum besseren Verständniss einfach mal testen, also "Mustermann" und auf submit klicken. Nun erscheint der Text: Your file has been saved. Please click here view the file. Hier ist die URL der Datei, welche angelegt wurde: http://www.hackthissite.org/missions/basic/8/tmp/mnxdljrz.shtml Genau, es ist eine shtml Datei also ein Server Side Include (SSI) damit kann man Befehle auf dem Server ausführen lassen und das ergebniss wird dann dem client übergeben! Hier musst du aber das Verzeichniss auslesen damit wir informationen über den Inhalt bekommen. Geb nun einfach mal folgendes in das Feld für den Namen ein: Richtig, ls bei unix/linux "list directory" zeigt den Inhalt eines Verzeichnisses an. Das neu hinzugefügte hier ist "ls ../" ../ heißt ein Verzeichniss nach oben. Also nicht in http://www.hackthissite.org/missions/basic/...