当前位置: 首页 > 面试题库 >

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

贺华容
2023-03-14
问题内容

我正在寻找不在我的网站页面上显示instagram照片的方法,但是不能显示。如果我只有instagram用户的帐户名(例如jamieoliver),该怎么办?我的网站写在Wordpress上。

需要不显示 我的 图像


问题答案:

此URL格式http://instagram.com/{instagram user name}/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=" + encodeURIComponent("http://instagram.com/{author_name}/media");

whateverorigin服务器将作为代理,并返回正确的json格式。

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

参见 JSFIDDLE



 类似资料:
  • 我是Firebase (web)的新手,尝试在img标签的视图中显示用户的照片URL。类似于: 通过id获取元素并更改src属性的JavaScript是什么? 我使用这里的基本示例:https://github.com/firebase/FirebaseUI-Web#using-用于身份验证的firebaseui 谢谢

  • 如何在我的网站上显示instagram照片?我试图用Instagram的API解决这个问题,但它不能正常工作:

  • 403禁止 是不可能使用Graph API做到这一点,还是我在某个地方缺少了一个权限? SCP值为:calendars.read calendars.read write contacts.read contacts.read write directory.accessasuser.all directory.read.all directory.readwrite.all email exch

  • Instagram最近改变了他们的API政策,允许开发者通过自己的应用程序将图片发布到Instagram平台。我们以前使用的几种其他技术来实现这一目标。其中之一是调用Instagram应用程序,该应用程序基本上可以打开Instagram并在那里进行共享。关于如何做到这一点的教程可以在这里看到:如何从你自己的iOS应用程序分享图像到Instagram 然而,有几个应用程序允许直接共享到Instagr

  • 我开发了一个功能,可以从设备库中获取所有照片。并在我的应用程序的列表中显示它们。现在我需要从“谷歌照片”中获取照片,我似乎找不到一个简单的方法来实现它。