Javascript Instafeed.js的问题

我只是创建了一个基本页面，使用Instafeed.js库显示Instagram中的照片。我遵循了教程，但当我打开我的HTML页面时，我只看到了像素化的图像，而不是实际的图像

当我打开控制台时，会在每张照片旁边找到错误net:：ERR_FILE_NOT_

代码如下：

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

var feed=新Instafeed({
得到：“标记”，
标记名：“真棒”，
clientId:'您的客户Id'
});
feed.run（）；

也有同样的问题，伙计，检查elments会有很大帮助。添加模板参数将有所帮助，问题在于{{image}必须在它前面加上http:。希望它有帮助，因为它应该

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

 template: '<a href="{{link}}" target="_blank"><img src="http:{{image}}" /></a>'

var feed=新Instafeed({
得到：“标记”，
标记名：“真棒”，
clientId:“您的客户Id”，
模板：“”

也有同样的问题，伙计，检查elments会有很大帮助。添加模板参数会有帮助，问题是{{image}必须在它前面加上http:。希望它有帮助，因为它应该

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

 template: '<a href="{{link}}" target="_blank"><img src="http:{{image}}" /></a>'

var feed=新Instafeed({
得到：“标记”，
标记名：“真棒”，
clientId:“您的客户Id”，
模板：“”

如果您在本地查看HTML页面（本地指的是地址栏以

文件开头：//

），则需要将

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>

var feed=新Instafeed({
得到：“标记”，
标记名：“真棒”，
clientId:“您的客户Id”，
使用http:true/如果您在本地查看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>


var feed=新Instafeed({
得到：“标记”，
标记名：“真棒”，
clientId:“您的客户Id”，
useHttp:true/我遇到了类似的问题。即使遵循Steven的回答，我也无法在本地显示图像。但是，在将文件上载到服务器后，所有图像都按预期显示。您必须确保使用的客户端id正确，并尝试在服务器上访问它。我的代码如下所示

<script type="text/javascript">
  var feed = new Instafeed({
  get: 'tagged',
  tagName: 'happy',
  clientId: 'the-client-id'
  });
  feed.run();
</script>
 <div id="instafeed"></div>
</body>


var feed=新Instafeed({
得到：“标记”，
标记名：“快乐”，
clientId:'客户端id'
});
feed.run（）；
我遇到了类似的问题。即使按照Steven的回答，我也无法在本地显示图像。但是，在将文件上载到服务器后，所有图像都按预期显示。您必须确保使用的客户端id正确，并尝试在服务器上访问它。我的代码如下所示

<script type="text/javascript">
  var feed = new Instafeed({
  get: 'tagged',
  tagName: 'happy',
  clientId: 'the-client-id'
  });
  feed.run();
</script>
 <div id="instafeed"></div>
</body>


var feed=新Instafeed({
得到：“标记”，
标记名：“快乐”，
clientId:'客户端id'
});
feed.run（）；
实际上，您只需添加
useHttp:true
选项。您不必将
http:
添加到模板中。有关更多信息，请查看上面的我的答案。您实际上可以添加
useHttp:true
选项。您不必将
http:
添加到模板中。有关更多信息，请查看我的答案。如果您正在寻找2020年3月31日后新API的解决方案，请看这里：如果您正在寻找2020年3月31日后新API的解决方案，请看这里：