如何在Macbook Pro上使用XAMPP時在網站上顯示圖像

Question

我構建了一個HTML / CSS網站，然后添加了PHP功能。 已安裝XAMPP。 自安裝XAMPP以來，除了圖像之外，網站上的所有內容都有效。 圖像文件不顯示。 它們都正確引用了目錄。 實際上，在使用XAMPP之前，圖像在HTML網頁上顯示得很好。 使用XAMPP並重新保存為.php后，它們停止工作。 沒有其他改變。 我認為它必須是一個設置問題。 思想，任何人？

提前感謝十億！

Answer 1

@john steve我也有同樣的問題。 我嘗試了很多在不同論壇上建議的東西，但它沒有用。 最后，我為每個圖像設置了權限，並且它有效。

Answer 2

它可能是訪問非本地“域”上的本地文件的問題。 只是更新你的圖像路徑到相對或在localhost內的東西，它會沒事的。 當您不直接從文件路徑打開文件時，它不是加載本地文件的瀏覽器安全性。 （跨域或同源策略）。 我們的想法是不讓任何網站嗅探你的本地文件，並且它對localhost的工作方式不同，localhost可以是任何IP的別名（不一定是'本地'）。

要解決此問題，請將所有資源移動到localhost根目錄的文件夾中，例如使用“images / someImage.jpg”而不是“c：\\ somePath \\ someImage.jpg”。 您不能將c：\\與從http://localhost/.提供的頁面混淆http://localhost/.

在使用Firefox時，您會在Chrome開發人員工具或Firebug擴展的網絡面板中看到此問題。 它真的不推薦，但它可以關閉這個關鍵的安全設置： http ： //joshuamcginnis.com/2011/02/28/how-to-disable-same-origin-policy-in-chrome/ - 我會但是警告任何人這樣做。

Answer 3

@Manuel是對的。 如果問題仍然存在，請嘗試在image src絕對路徑。 絕對路徑將類似於http://localhost:8888/your-website-folder/your-images-folder/your-image-name在Windows中，在這種情況下，您不使用端口號（即8888）

祝好運。

Answer 4

我發現了問題：我的所有圖片都有權限標記：“每個人：沒有訪問權限。” 我將其更改為：“everyone：read only”我只是通過右鍵單擊（也稱為控制點擊）每個圖像，然后單擊“獲取信息”來完成此操作。 然后我向下滾動到“共享和權限”。 從那里可以自我解釋。 感謝大家的幫助！

Answer 5

我剛遇到同樣的問題。 原因是我的images文件夾no-access權限。 我為管理員更改了讀/寫權限，為其他人更改了只讀權限。 可以更改每個單獨時間的權限，但這很耗時，因此更改父文件夾的權限是有效的。

以下步驟適用於MAC OS：

• 打開應用程序文件
• 找到XAMPP文件夾
• 右鍵單擊>獲取信息。
• 在彈出窗口中找到“共享和許可”部分
• 單擊“鎖定”掛鎖符號
• 輸入管理員密碼
• 更改“所有人”的讀寫權限
• 在獲取信息窗口中，選擇最底部的'cog'圖標'下拉選項，然后選擇'應用於隨附的項目'，這也將調整所有子文件夾的權限。
• 重新鎖定掛鎖符號
• 關閉“獲取信息”窗口。

對於Windows： -

• 找到XAMPP文件夾
• 右鍵單擊該文件夾，單擊“屬性”，然后單擊“安全”選項卡。
• 單擊“編輯”以打開“<對象>的權限”對話框。
• 單擊組或用戶的名稱。
• 在“<用戶或組>的權限”框中，選中“允許”復選框。

參考資料： Microsoft和Stackoverflow

Answer 6

您必須為要使用的每個圖像設置讀寫權限。 我假設您可以在整個文件夾中執行，它將級聯下來。 在Mac上右鍵單擊（兩個手指）=> get info =>在底部將所有內容設置為讀/寫。 重新加載頁面。 普雷斯托。

Answer 7

請檢查文件夾名稱。 不要在文件夾名稱中使用大寫字母。 我嘗試了所有的解決方案建議但終於找到了解決方案。 我的圖片文件夾是“Resimler”，然后我看不到圖片，但我更改為“resimler”然后它工作。