【问题标题】:How to get images to display on website while using XAMPP on Macbook Pro如何在 Macbook Pro 上使用 XAMPP 时让图像显示在网站上
【发布时间】:2014-10-31 12:10:55
【问题描述】:

我建立了一个 HTML/CSS 网站,然后添加了 PHP 功能。安装了 XAMPP。自从安装了 XAMPP,网站上的所有东西都可以正常工作,除了图片。图像文件不显示。他们都正确地引用了目录。事实上,在使用 XAMPP 之前,图像在 HTML 网页上显示良好。使用 XAMPP 并重新保存为 .php 后,他们停止工作。其他一切都没有改变。我觉得应该是设置问题。有什么想法吗?

提前十亿谢谢!

【问题讨论】:

标签: php html css xampp


【解决方案1】:

@john steve 我也有同样的问题。我尝试了很多在不同论坛上建议的东西,但没有奏效。最后,我为每张图片设置了权限,并且成功了。

【讨论】:

    【解决方案2】:

    我也遇到了同样的问题。原因是我的images 文件夹拥有no-access 权限。我将权限更改为管理员的读/写权限和其他所有人的只读权限。每次都可以修改权限,但是比较费时间,所以修改父文件夹的权限是有效的。

    以下步骤适用于 MAC 操作系统:

    • 打开应用程序文件夹
    • 找到 XAMPP 文件夹
    • 右键单击 > 获取信息。
    • 在弹出窗口中找到“共享和权限”部分
    • 点击“锁定”挂锁符号
    • 输入管理员密码
    • 将“所有人”权限更改为读写
    • 仍然在获取信息窗口中,选择“cog”图标下拉选项 在最底部并选择“应用于随附的项目”,这将 同时调整所有子文件夹的权限。
    • 重新锁定挂锁符号
    • 关闭“获取信息”窗口。

    对于 Windows: -

    • 找到 XAMPP 文件夹
    • 右键单击文件夹,单击属性,然后单击安全选项卡。
    • 单击“编辑”打开“ 的权限”对话框。
    • 点击组或用户的名称。
    • 在 的权限框中,选中允许复选框。

    参考: MicrosoftStackoverflow

    【讨论】:

      【解决方案3】:

      @Manuel 是对的。如果问题仍然存在,请尝试图像src 中的绝对路径。绝对路径类似于http://localhost:8888/your-website-folder/your-images-folder/your-image-name 在这种情况下,在 Windows 中您不使用端口号(即 8888)

      祝你好运。

      【讨论】:

      • 我刚试过: background-image: url('localhost:8888/website/Images/imageName.jpg');没用...:/
      【解决方案4】:

      访问非本地“域”上的本地文件可能存在问题。只需将您的图像路径更新为相对或本地主机内的路径,就可以了。当您不直接从文件路径打开文件时,不加载本地文件是一种浏览器安全性。 (跨域或同源策略)。这个想法是不要让任何网站嗅探您的本地文件,并且对于可以是任何 IP 的别名(不一定是“本地”)的 localhost 来说,它的工作方式并没有什么不同。

      要解决此问题,请将所有资产移动到作为 localhost 根目录的文件夹中,例如使用“images/someImage.jpg”而不是“c:\somePath\someImage.jpg”。您不能将 c:\ 与从 http://localhost/. 提供的页面混淆

      使用 Firefox 时,您会在 chrome 开发人员工具或 Firebug 扩展的网络面板中看到此问题。确实不建议这样做,但可以关闭这个关键的安全设置:http://joshuamcginnis.com/2011/02/28/how-to-disable-same-origin-policy-in-chrome/ - 不过我会警告任何人这样做。

      【讨论】:

      • 现在路径是相对的:background-image: url('../Images/imageName.jpg')。应该和那个不同吗?
      • 还请注意:当我在浏览器中直接访问 localhost/LawFinder/Images/fake9-mini.jpg 时,我会收到“禁止访问!”错误 403 页面。
      • 您的 index.html 位于何处?此外,如果您的 /images/ 文件夹(注意小写/大写字母在这里很重要!)位于设置为根的文件夹中,则您不需要在其前面放置 LawFinder。
      • 我的索引在 applications/xampp/htdocs 中。我最初有一个相对网址:Images/imageName.jpg。但这没有用。所以我用 /LawFinder/ 试了一下,还是不行。我很迷茫......你对小写 i 有什么看法?它应该是小写的吗?我的文件夹是大写的,在使用 php 并将其放入 htdocs 之前,大写工作。
      • Nono,如果你的文件夹是这样命名的,那很好。我的观点是,这很重要。我已经看到你修复了它 - 不需要再关注这个线程了:)
      【解决方案5】:

      我发现了问题:我所有的图片都标有权限:“所有人:无权访问。”我将其更改为:“每个人:只读”我只是通过右键单击(也称为控制单击)每个图像然后单击“获取信息”来完成此操作。然后我向下滚动到“共享和权限”。从那里是不言自明的。感谢大家的帮助!

      【讨论】:

        【解决方案6】:

        您必须为要使用的每个图像设置读取和写入权限。我假设您可能可以将整个文件夹放入其中,它会级联下来。在mac上右键单击(两个手指)=>获取信息=>在底部将所有设置为读/写。重新加载页面。快。

        【讨论】:

          【解决方案7】:

          请检查文件夹名称。不要在文件夹名称中使用大写字母。我尝试了所有解决方案的建议,但最终找到了解决方案。我的图片文件夹是“Resimler”,然后我看不到图片,但我更改为“resimler”,然后它就可以工作了。

          【讨论】:

            猜你喜欢
            • 2021-10-26
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2012-12-19
            • 2013-11-06
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多