javascript - 损坏的图像路径 instafeed.js

Question

我正在使用 instafeed.js 来处理 Instagram 照片，一切正常，但图像已损坏。当我点击其中一个时，它会将我带到正确的 Instagram 页面，但图像本身已损坏。有什么想法吗？

<script type="text/javascript">


var userFeed = new Instafeed({
    get: 'user',
    userId: 143928822,
    accessToken: '143928822.5b9e1e6.36ad47c3abaf4c9bb813748ce8072a12',
    sortBy: "most-recent 
});
userFeed.run();
</script>

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

Answer 1

将 useHttp: true 添加到您的设置中:

var userFeed = new Instafeed({
  get: 'user',
  userId: 143928822,
  accessToken: 'xxxxxx',
  sortBy: 'most-recent',
  useHttp: true
});
userFeed.run();

<小时/>

如果您直接从文件系统查看 HTML 文件，则需要此设置。

您可以通过查看地址栏来判断是否属于这种情况。如果它以 file:// 开头，则您正在使用您的文件系统。

如果您好奇为什么需要这样做，请查看 Paul Irish 的文章 the protocol relative URL .