FlickR Upload nur mit JS und HTML

T

timi1413

Grünschnabel
Hallo Profis,

ich habe eine Aufgabe aufgedrückt bekommen, ein HTML-Form zu schaffen über die man Bilder bei bereits angelegtem FlickR-Account hochladen kann. Leider komme ich irgendwie in der letzten Zeit nicht weiter.

Code: 
<body>
<form method="post" target="iframe" action="http://api.flickr.com/services/upload/">
Photo: <input type="file" name="photo" id="photo"/>
Title: <input type="text" name="title" id="title"/>
<input type="hidden" name="api_key" id="api_key" value="78934...........7218"/>
<input type="hidden" name="auth_token" id="auth_token" value=""/>
<input type="hidden" name="api_sig" id="api_sig" value=""/>
<input type="submit" value="Upload" onclick="calcSig()"/>
</form>
<iframe name="iframe" id="iframe" src="about:blank"/>
</body>
Das ist die Form, über die die Bilder hochgeladen werden sollen. Es geht jedoch jetzt darum die "auth_token" und "api_sig" zu füllen. Ich habe schon probiert anhand der FlickR API in JavaScript das ausrechnen, aber meine Kenntnisse über JS reichen nicht aus, um dieses Prozess in JS abzubilden. Vielleicht kann jemand von euch helfen, mir dieses Prozess zu realisieren. U.U. ist es auch möglich mit Prototype und/oder JQuery zu lösen.
 
Soweit bin ich schon. Das größte Problem ist das Frob rauszubekommen.
Ich darf die zu erstellende Seite nicht wiederholt laden, aber ich komme dann nicht mehr so einfach an die Adresszeile, wo auch frob versteckt ist. (Zumindest glaube ich, dass ich nicht so einfach da ran komme ;-) ).

Bisherige Lösung von mir sieht folgender Maße aus:
Nach dem ich den Link im Punkt 3 erzeugt habe, öffne ich ihn im iframe. Ich lasse dadurch im selben iframe auf http://www.mydomain.de/flickr.html leiten. Die tatsächliche Adresse ist dann http://www.mydomain.de/flickr.html?frob=82347...-7348... Wenn ich soweit bin, versuche ich aus dem iframe die Adresse rauszubekommen um dann alles nach dem "=" auszuschneiden. Hier beginnt mein Problem. Ich weiss nicht wie ich es machen soll. Ich dachte zuerst so:
Code: 
var frob=document.getElementById("iframe").src.split("=")[1];
aber es liefert immer die unter Punkt 3 beschriebene und von mir erzeugte flickr-Adresse zurück. Wenn ich jedoch versuche die iframe-Inhalt in einem getrennten Fenster zu öffnen, erscheint die gewünschte Adresse mit frob.
 
Falls du dort auch PHP verfügbar hast, könntest du diesen Parameter aus der Seite im iframe heraus bequem per GET['frob'] ermitteln und an das Elternfenster weiterleiten.

Alternativ findest du hier eine JS-Methode, um dies per JS zu Ermitteln: http://www.tutorials.de/forum/javascript/149174-probleme-mit-dem-auslesen-von-variablen.html

Auf jeden Fall solltest du aber den Weg wählen, dass das iframe diesen Wert an das Elternfenster übermittelt, denn das Elternfenster weiss ja nicht, wann der Wert im iframe verfügbar ist.
 
Zuletzt bearbeitet:
Danke für die Teilungsfunktion. Ich weiss jedoch immer noch nicht, wie ich an die richtige durch Weiterleitung geänderte Adresse im iframe komme. Jedes mal erscheint dieselbe flickr-Adresse, obwohl man bereits zu einer anderen weitergeleitet wurde.
Code: 
document.getElementById("iframe").src
Ich habe versucht die Adresse zeitverzögert auszulesen, aber es funktionert auch nicht so richtig.
Code: 
window.setTimeout("get_frob()",5000);
Was mache ich denn falsch? :-(
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück