图像没有在线加载，但在我离线（本地）尝试时可以使用，为什么会这样？

Question

我使用localgetstorage和setstorage来加载链接列表并以幻灯片形式显示它们。问题是，当我在我的电脑上预览它时，一旦我尝试在我的服务器上使用该页面它就无法工作。我做错了什么？

这是一个链接：

http://hem.bredband.net/noor/bildspelet/bildspelet.html

这是非常错误的，我宁愿只使用第三方幻灯片插件，但我不知道在哪里可以找到符合我需求的，并且是免费的..

Answer 1

您是否以正确的方式参考图像？如果我查看您提供的链接的来源，我会看到对您的c：-Drive：

的引用

<b>C:\Users\Admin\Pictures\IMG_0005.JPG<br>
C:\Users\Admin\Pictures\IMG_0631.JPG<br>
C:\Users\Admin\Pictures\IMG_0322.JPG</b><br>

我知道，在这种情况下，它只是纯文本，但如果您以相同的方式引用图像，它将解释您的问题......

Answer 2

除非使用FileAPI（使用fileReader），否则无法读取HTML页面中的本地文件 但它只在firefox 3.6+中实现。可能它也将在chrome 5.0中

以下是some articles on this subject和a demo

您还可以使用OfflineAPI存储有关文件选择的信息，并使用DragDrop来扩展用户体验

Answer 3

刚遇到类似的问题。在localhost（XAMPP）上我有以下内容。

    <img src="images/table1.jpg" style="width: 100%; height: auto;" alt = ""/>

由于某些原因，我的本地服务器忽略了图像的实际名称是table1.JPG，但是在线服务器无法以小型大写字母选择扩展名。

    <img src="images/table1.JPG" style="width: 100%; height: auto;" alt = ""/>