将Instagram照片从不同的帐户显示到我的网页

我正在寻找在我的网站页面上显示不是我的Instagram照片的方法，但不能。 如果我只有instagram用户的帐户名（例如jamieoliver），是否可以这样做。 我的网站是在Wordpress上写的。

需要显示不是我的图像

Answer 1

此URL格式http://instagram.com/{instagram user name}/media将返回一个json文件，其中包含该用户的最新（20 +/-）媒体文件。

在jamieoliver的例子中，你可以做http://instagram.com/jamieoliver/media

您可以通过（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 // eg 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将返回跨域错误。

解决方法是使用whateverorigin.org第三方应用程序来规避同源策略。

所以格式化你的URL就像

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

whateverorigin服务器将充当代理并返回正确的json格式。

请注意 ，您仍需要在ajax调用中使用dataType : "jsonp" 。

请参阅JSFIDDLE