2012-12-31 6 views
7

Tôi muốn tạo một ứng dụng kéo hình ảnh từ một thẻ nhất định, nhưng chỉ từ một tên người dùng nhất định. Ví dụ: Tôi muốn #skullcandysnow hình ảnh xuất hiện, nhưng chỉ những hình ảnh từ tên tài khoản 'skullcandy'.Lọc kết quả api instagram theo thẻ VÀ tên người dùng

Sau đây là cách tôi kéo tag:

$(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> "); 


     } 
     } 

    }); 
}); 

Bạn có thể xem những gì tôi đang làm việc trên đây: http://yobeat.com/zz_testing/yobeatinstagramwidget_v3.html

Cảm ơn!

+0

từ vẻ của nó, bởi vì đó là một API RESTful, tôi không thấy bất kỳ cách dễ dàng để làm điều đó – kennypu

+0

hmm. bạn có thể đề xuất một cách tốt hơn để đi về nó? – user1940181

+0

Tôi sẽ nhận được tất cả hình ảnh từ người dùng, sau đó kiểm tra từng hình ảnh cho thẻ – kennypu

Trả lời

2

Nhìn qua các mã được cung cấp bởi người sử dụng trên mình 'figured it out' trang web, giải pháp là như sau:

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

Thật không may không phải là rất giải pháp hiệu quả hoặc thực tế, vì nó yêu cầu lặp qua tất cả các hình ảnh được trả về bởi nguồn cấp dữ liệu (số lượng đó là bao nhiêu?) và chỉ chọn những hình ảnh do người dùng đăng. Đối với các thẻ phổ biến, bộ lọc có thể không khớp với bất kỳ ảnh nào của riêng người dùng. – claymation

+4

Tôi đã không nói nó là tốt nhất, chỉ cần đăng những gì người dùng đã có - Vui lòng cung cấp một cách tốt hơn để làm điều đó, nếu bạn có nó. – TeckniX

+0

Thiếu tiền xử lý phía máy chủ nguồn cấp dữ liệu, không có quá nhiều tùy chọn ở đây. Có lẽ tốt hơn để suy nghĩ lại về sản phẩm và cố gắng hiểu nếu bạn thực sự cần lọc theo thẻ * và * người dùng. – claymation