Question

当您在Twitter中选择推文时，会出现右侧窗格。如果推文有twitpic，yfrog或instagram路径，它将显示图像。 Twitter也会为视频和其他一些网络做这件事。是否有可用的库具有所有这些功能或如何实现？我最感兴趣的是解析推文上的图片，并且正在寻找PHP或JS解决方案。

Answer 1

Twitter使用这些服务的API：

http://twitpic.com/api.do

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

http://instagram.com/developer/

等

Answer 2

使用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

Answer 3

你可以在不使用上述库的情况下做这样的事情。当你得到你的推文的页面解析urls任何图像（“twitpic”或“yfrog”），然后使用ajax静默下载背景中的图像，然后当用户选择推文时你显示图像。困难的部分是解析网址以找出图像。我没试过这个，但这应该有用

Twitter如何解决twitpic，yfrog，instagram的推文图像

3 个答案: