2011-02-28 150 views
4

我正在制作一个网站,其中有人放入twitter用户名。现在我想加载名称的twitterimage。我已经在互联网上搜索过,但无法找到一个简单的方法来实现这一点。我需要使用一些奇特的twitter api吗?任何简单的API? (它只是一个简单的网站)或URL的名称作为它的变量?如何获取用户的Twitter图片?

+0

什么平台:)? – adt 2011-02-28 22:13:17

+0

我使用PHP和jQuery,你的意思是? – Javaaaa 2011-02-28 22:16:15

+0

啊,是的,它需要在javascript函数中工作,所以adt提到的答案不会不幸地工作。任何其他想法? – Javaaaa 2011-02-28 22:25:58

回答

5

这个工程:

<!DOCTYPE html> 
    <html> 
    <head> 
    <script type="text/javascript"> 

    function GetImage(){ 

     var txtBox = document.getElementById("twit"); 
     var imgTwitter = document.getElementById("imgTwitter"); 
     imgTwitter.src = "http://api.twitter.com/1/users/profile_image/" + txtBox.value; 

    } 


    </script> 
    </head> 
    <body> 

    <input name="twit" id="twit" type="text"><a href="#" onclick="javascript:GetImage();">Get Image</a> 


    <img id="imgTwitter" > 

    </body> 
    </html> 
+0

我发现tut,btu它没有工作,并且你的解决方案也不起作用,因为我需要能够在javascript中使用它,所以当我这样做时它不工作,因为有一些重定向。任何其他想法? – Javaaaa 2011-02-28 22:25:22

+0

谢谢你的工作! – Javaaaa 2011-02-28 22:32:43

+0

如果任何人感兴趣,这里有一支笔:http://cdpn.io/ChLHs – 2013-03-08 15:57:45

-1

从这个问题: https://stackoverflow.com/a/30322178/6539400

https://twitter.com/[screen_name]/profile_image?size=mini 
https://twitter.com/[screen_name]/profile_image?size=normal 
https://twitter.com/[screen_name]/profile_image?size=bigger 
https://twitter.com/[screen_name]/profile_image?size=original 

function ClickFunction() { 
 
\t document.getElementById("content").innerHTML = ""; 
 

 
\t var frag = document.createDocumentFragment(); 
 
\t var uname = document.getElementById("name").value; 
 

 
\t var SRCmini = "https://twitter.com/" + uname + "/profile_image?size=mini"; 
 
\t var SRCnormal = "https://twitter.com/" + uname + "/profile_image?size=normal"; 
 
\t var SRCbigger = "https://twitter.com/" + uname + "/profile_image?size=bigger"; 
 
\t var SRCoriginal = "https://twitter.com/" + uname + "/profile_image?size=original"; 
 

 
\t frag.appendChild(document.createTextNode(SRCmini)); 
 
\t frag.appendChild(document.createElement("br")); 
 
\t var IMGmini = frag.appendChild(document.createElement("img")); 
 
\t \t IMGmini.src = SRCmini; 
 
\t frag.appendChild(document.createElement("br")); 
 

 
\t frag.appendChild(document.createTextNode(SRCnormal)); 
 
\t frag.appendChild(document.createElement("br")); 
 
\t var IMGnormal = frag.appendChild(document.createElement("img")); 
 
\t \t IMGnormal.src = SRCnormal; 
 
\t frag.appendChild(document.createElement("br")); 
 

 
\t frag.appendChild(document.createTextNode(SRCbigger)); 
 
\t frag.appendChild(document.createElement("br")); 
 
\t var IMGbigger = frag.appendChild(document.createElement("img")); 
 
\t \t IMGbigger.src = SRCbigger; 
 
\t frag.appendChild(document.createElement("br")); 
 

 
\t frag.appendChild(document.createTextNode(SRCoriginal)); 
 
\t frag.appendChild(document.createElement("br")); 
 
\t var IMGoriginal = frag.appendChild(document.createElement("img")); 
 
\t \t IMGoriginal.src = SRCoriginal; 
 
\t frag.appendChild(document.createElement("br")); 
 

 
\t document.getElementById("content").appendChild(frag); 
 
}
<input id="name" value="wikipedia" /><br /> 
 
<button onclick="ClickFunction()">Click here!</button><br /><br /> 
 

 

 
<div id="content"></div>

相关问题