我正在寻找不在我的网站页面上显示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
我开发了一个功能,可以从设备库中获取所有照片。并在我的应用程序的列表中显示它们。现在我需要从“谷歌照片”中获取照片,我似乎找不到一个简单的方法来实现它。