2012-12-31 61 views
7

我想創建一個應用程序,可以從某個標記中提取圖像,但只能從某個用戶名中提取圖像。例如:我想讓#skullcandysnow圖片顯示,但只顯示「skullcandy」帳號名稱中的圖片。通過標記和用戶名篩選instagram api結果

這裏是如何我拉標籤:

$(function() { 

$.ajax({ 
     type: "GET", 
     dataType: "jsonp", 
     cache: false, 
     url: "https://api.instagram.com/v1/tags/skullcandysnow/media/recent?client_id=d1685ded02da4c5eb2b08632f1256119&access_token=fce470c159274e2b9482976f93fd3435", 
     success: function(data) { 



      for (var i = 0; i < 10; i++) { 

     $(".SC-IG").append("<img class='SC-instagram-image' src='" + data.data[i].images.low_resolution.url +"' /><div class='counts'><img src='images/skullcandyad_04.jpg'><h3 class='ig-likescount'>" + data.data[i].likes.count +"</h3><h3 class='ig-commentscount'>" + data.data[i].comments.count +"</h3></div> "); 


     } 
     } 

    }); 
}); 

您可以查看什麼我正在這裏:http://yobeat.com/zz_testing/yobeatinstagramwidget_v3.html

謝謝!

+0

從它的外觀,因爲它是一個RESTful API,我沒有看到任何簡單的方法做它 – kennypu

+0

嗯。你能提出一個更好的方法來解決它嗎? – user1940181

+0

我會從用戶那裏獲取所有圖像,然後檢查每個圖像的標記 – kennypu

回答

2

通過他的用戶提供的代碼展望「想通了」的網站,該解決方案是如下:

imgLimit = 1000; 
// Grab all TAGS of choice 
$.ajax({ 
    type: "GET", 
    dataType: "jsonp", 
    cache: false, 
    url: "https://api.instagram.com/v1/tags/TAG_OF_CHOICE/media/recent?client_id=CLIENT_ID&access_token=ACCESS_TOKEN", 
    success: function(data) { 
    // Loop through the data and only add the images that match a certain user ID 
     for (var i = 0; i < imgLimit; i++) { 
      var usertag = data.data[i].user.id; 
      if (usertag === "USER_ID_OF_CHOICE") { 
       // Add image to page 
       addImage(data.data[i]); 
      } 
     } 
    } 
}); 
+0

不幸的是不是一個非常高效或實用的解決方案,因爲它需要迭代Feed返回的所有圖像(有多少?),並僅選擇用戶發佈的圖像。對於熱門標籤,過濾器可能與用戶自己的任何照片都不匹配。 – claymation

+4

我沒有說它是最好的,只是發佈了用戶的東西 - 如果你有它,請提供一個更好的方法。 – TeckniX

+0

對預處理Feed服務器端的缺點是,這裏沒有太多的選項。可能更好地重新考慮產品並嘗試瞭解是否真的需要通過標記*和*用戶進行過濾。 – claymation