Instafeed.js的问题

Question

我只是使用Instafeed.js库创建一个显示Instagram照片的基本页面.我按照教程进行了操作,但是当我打开HTML页面时,我只看到了像素化的图像,而不是实际的图像.

当我打开控制台时,每张照片旁边都会出现错误net :: ERR_FILE_NOT_FOUND.

这是代码:

<script type="text/javascript" src="instafeed.min.js"></script>


<div id="instafeed"></div>


<script type="text/javascript">
 var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: 'Your Client Id'
});
 feed.run();
</script>

Answer 1

如果您在本地查看HTML页面(在本地我的意思是您的地址栏开头file://,则需要添加useHttp: true到您的设置中:

<script type="text/javascript">
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: 'Your Client Id',
    useHttp: true   // <--- add this
  });
  feed.run();
</script>

在本地查看文件时需要此选项,因为图像尝试使用协议相对URL加载.如果要在实际Web服务器上查看该HTML文件,则不需要该选项.

这种变化是在1.3版本中引入的.