推特是如何解析推特图片的twitpic,yfrog,instagram

How does Twitter resolve tweeted images for twitpic, yfrog, instagram

本文关键字:twitpic yfrog instagram 何解析      更新时间:2023-09-26

当您在twitter中选择一条推文时,会出现右侧窗格。如果推特有twitpic、yfrog或instagram路径,它将显示图像。推特将为视频和其他一些网络做这件事。有没有一个库可以提供所有这些功能,或者这是如何实现的?我最感兴趣的是解析推特上的图片,并正在寻找PHP或JS解决方案。

Twitter使用这些服务的API:

http://twitpic.com/api.do

http://code.google.com/p/imageshackapi/

http://instagram.com/developer/

等等。

使用jQuery

$(document).ready(function() {
    $("#contentbox").keyup(function() {
        var content = $(this).val();
        var urlRegex = /('b(https?|ftp|file):'/'/[-A-Z0-9+&@#'/%?=~_|!:,.;]*[-A-Z0-9+&@#'/%=~_|])/ig;
        // Filtering URL from the content using regular expressions
        var url = content.match(urlRegex);
        if (url.length > 0) {
            $("#linkbox").slideDown('show');
            $("#linkbox").html("<img src='link_loader.gif'>");
            // Getting cross domain data
            $.get("urlget.php?url=" + url, function(response) {
                // Loading <title></title>data
                var title = (/<title>(.*?)<'/title>/m).exec(response)[1];
                // Loading first .png image src='' data
                var logo = (/src='(.*?).png'/m).exec(response)[1];
                $("#linkbox").html("<img src='" + logo + ".png' class='img'/><div><b>" + title + "</b><br/>" + url)
            });
        }
        return false;
    });
});

http://www.9lessons.info/2010/06/facebook-like-extracting-url-data-with.html

好吧,你可以在不使用上面这些库的情况下完成这样的操作。当你获得包含推文的页面时,解析urls中的任何图像("twitpic"或"yfrog"),然后使用ajax在后台静默下载图像,然后当用户选择推文时,你显示图像。最困难的部分是解析url以找出图像。我还没有尝试过,但这应该可以工作