我正在寻找不在我的网站页面上显示instagram照片的方法,但是不能显示。如果我只有instagram用户的帐户名(例如jamieoliver),该怎么办?我的网站写在Wordpress上。
需要不显示 我的 图像
此URL格式http://instagram.com/{instagram user name}/media将返回一个json文件,其中包含来自该用户的最新(20 +/-)媒体文件。
http://instagram.com/{instagram user name}/media
在jamieoliver您的示例中,您可以执行http://instagram.com/jamieoliver/media
jamieoliver
您可以json通过(jQuery)ajax调用来处理该响应,例如:
json
$.ajax({ url: "http://instagram.com/jamieoliver/media", dataType : "jsonp", // this is important cache: false, success: function(response){ // process the json response to get images // e.g. the first image should be something like : // response.items.images[0].low_resolution // you could call an external function to iterate through the response } });
当然,我假设您了解json格式的样子。如果您使用的是WordPress,也许您可以找到一个插件来处理json响应
编辑 :
似乎来自的响应http://instagram.com/{author_name}/media不是jsonp而是json(请参阅此内容以获取更多参考),但是设置json dataType将返回跨域错误。
http://instagram.com/{author_name}/media
dataType
解决方法是使用whatorigin.org第三方应用程序绕开同源政策。
因此,将网址设置为
"http://whateverorigin.org/get?url=" + encodeURIComponent("http://instagram.com/{author_name}/media");
该whateverorigin服务器将作为代理,并返回正确的json格式。
whateverorigin
注意 ,您仍然需要dataType : "jsonp"在ajax调用中使用。
dataType : "jsonp"
参见 JSFIDDLE