将来自其他帐户的Instagram照片显示到我的网页

将来自其他帐户的Instagram照片显示到我的网页

此URL格式

http://instagram.com/{instagram username}/media

将返回一个json文件，其中包含来自该用户的最新（20 +/-）媒体文件。

在

jamieoliver

您的示例中，您可以执行http://instagram.com/jamieoliver/media

您可以

json

通过（jQuery）ajax调用来处理该响应，例如：

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

将返回跨域错误。

解决方法是使用whatorigin.org第三方应用程序绕开同源政策。

因此，将网址设置为

"http://whateverorigin.org/get?url=" + enpreURIComponent("http://instagram.com/{author_name}/media");

该

whateverorigin

服务器将作为代理，并返回正确的

json

格式。

注意 ，您仍然需要

dataType : "jsonp"

在ajax调用中使用。

参见 JSFIDDLE