Laden Sie Flickr -Bilder mit JSONP -API

Dieser Artikel wurde zuletzt am 23. Juni 2016 mit Code -Revisionen, einer Codepen -Demo und einer verbesserten Formatierung aktualisiert.

Flickr, eine Yahoo-Besitz-Plattform zum Teilen von Fotos und Videos, bietet eine öffentliche API zum Abrufen von Fotolisten basierend auf bestimmten Kriterien.

Um JSON-formatierte API-Antworten zu empfangen, geben Sie den Parameter format=json in Ihre Anfrage ein. Zum Beispiel holt dies Fotos mit dem Tag "Kätzchen":

<code>https://api.flickr.com/services/feeds/photos_public.gne?tags=kitten&format=json</code>

Diese Flickr -API -Abfrage erfordert keine Authentifizierung. Hier ist eine vollständige Liste der Parameter verfügbar: https://www.php.cn/link/b1370fcd515bccf46591ed09a543d21b .

Flickr JSON -Objektstruktur

Eine typische Flickr -JSON -Antwort sieht so aus:

jsonFlickrFeed({
  "title": "Recent Uploads tagged kitten",
  "link": "http://www.flickr.com/photos/tags/kitten/",
  "description": "",
  "modified": "2016-06-19T09:32:56Z",
  "generator": "http://www.flickr.com/",
  "items": [
    {
      "title": "Portrait of Simba and Mogli",
      "link": "http://www.flickr.com/photos/112684907@N06/27665373772/",
      "media": {"m":"http://farm8.staticflickr.com/7442/27665373772_25bb8acec1_m.jpg"},
      "date_taken": "2016-06-17T17:09:38-08:00",
      "description": " <p><a href="%5C%22http://www.flickr.com/people/112684907@N06/%5C%22">stefanhuber92 posted a photo: <p><a and='\"href=\"http://www.flickr.com/photos/112684907@N06/27665373772/\"' mogli='\"of=\"' simba='\"title=\"Portrait\"'><img alt='\"Portrait\"' and='\"height=\"240\"' mogli='\"of=\"' simba='\"src=\"http://farm8.staticflickr.com/7442/27665373772_25bb8acec1_m.jpg\"'    style="max-width:90%"177\"'> ",
      "published": "2016-06-19T09:32:56Z",
      "author": "nobody@flickr.com (stefanhuber92)",
      "author_id": "112684907@N06",
      "tags": "pet cats cute eye animal animals cat tiere kitten siblings katze katzen fell haustier liebe tier gemütlich petlove geschwister kuscheln schön catlove süs petlover"
    },
    // ... 19 more items ...
  ]
})</a></p></a></p>

Flickr -Bilder mit der JSONP -API

abrufen

jsonFlickrFeed Die JSON -Antwort ist in die

-Funktion eingewickelt. Auf diese Weise können wir Flickr -Bilder in unsere Webseite integrieren:

function jsonFlickrFeed(json) {
  $.each(json.items, function(i, item) {
    $("<img  alt="Laden Sie Flickr -Bilder mit JSONP -API" >").attr("src", item.media.m).appendTo("#images");
  });
};

$.ajax({
  url: 'https://api.flickr.com/services/feeds/photos_public.gne',
  dataType: 'jsonp',
  data: { "tags": "kitten", "format": "json" }
});

Weitere Informationen zu JSONP finden Sie unter: Jquerys JSONP mit Beispielen

Demo

Zeigen Sie die resultierende Ausgabe hier an:

Siehe den Pen vkxzrz von sitepoint (@sinepoint) auf CodePen.

Weitere Details zur Flickr -API finden Sie auf der API -Startseite.

häufig gestellte Fragen (FAQs)

Dieser Abschnitt beantwortet gemeinsame Fragen zur Verwendung der Flickr -API zum Laden von Fotos, zum Abdecken von Themen wie dem Erhalten des richtigen JSON -Objekts, des Verständnisses von API -Schlüssel, zur Suche nach Fotos, Fehlerbehebung, Anzeigen von Fotos, Hochladen von Fotos, Heidung, Abrufen von Metadaten, Zugriff auf Benutzerfotos und API -Schlüsselnotwendigkeit. (Der ursprüngliche FAQ -Abschnitt wird beibehalten, aber für die Selbstverständlichkeit und zur Vermeidung von Wiederholungen umformuliert.)

Das obige ist der detaillierte Inhalt vonLaden Sie Flickr -Bilder mit JSONP -API. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!