【问题标题】:Filter instagram api results by tag AND username按标签和用户名过滤 instagram api 结果
【发布时间】:2012-12-31 19:51:52
【问题描述】:

我想创建一个从某个标签中提取图像的应用程序,但只能从某个用户名中提取。例如:我希望显示#skullcandysnow 图片,但只显示来自“skullcandy”帐户名的图片。

这是我拉标签的方式:

 $(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

谢谢!

【问题讨论】:

  • 从外观上看,因为它是一个 RESTful API,我没有看到任何简单的方法
  • 嗯。你能建议一个更好的方法吗?
  • 我会从用户那里获取所有图像,然后检查每个图像的标签
  • 请用代码发布您的答案 - 并接受它。使用 ) 对其他用户可能会有所帮助

标签: jquery json api instagram


【解决方案1】:

查看用户在他的“想通了”网站上提供的代码,解决方案如下:

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]);
            }
       }
    }
});

【讨论】:

  • 不幸的是,这不是一个非常有效或实用的解决方案,因为它需要遍历提要返回的所有图像(那是多少?)并仅选择用户发布的图像。对于热门标签,过滤器可能与用户自己的任何照片都不匹配。
  • 我没有说它是最好的,只是发布了用户所拥有的 - 如果你有的话,请提供更好的方法。
  • 缺少对提要服务器端的预处理,这里没有太多选项。可能更好地重新考虑产品并尝试了解您是否真的需要按标签 用户进行过滤。
猜你喜欢
  • 2014-07-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-07-12
  • 2011-04-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多