圖像無法在線加載，但當我離線（本地）嘗試時可以正常工作，這是為什么？

Question

我正在使用 localgetstorage 和 setstorage 加載鏈接列表並將它們顯示為幻燈片。 問題是，當我在我的 PC 上預覽它時，它可以工作，一旦我嘗試在線使用我的服務器中的頁面，它就無法工作。 我做錯了什么嗎？

這是一個鏈接：

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中使用

您還可以使用OfflineAPI存儲有關文件選擇的信息，並使用DragDrop擴展用戶體驗

Answer 3

只是有一個類似的問題。 在本地主機（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 = ""/>

Answer 4

檢查您服務器中圖像的權限狀態代碼，我認為它應該是 0664 而不是 0660