图片无法在网站上加载但在本地加载答案

【问题标题】：Image fails to load on website but loads locally图片无法在网站上加载但在本地加载
【发布时间】：2020-12-10 17:47:46
【问题描述】：

这是该网站的链接，您可以查看正在发生的事情 - https://odonnelldigital.com/

当我在本地复制完整路径时，网站会在任何网络浏览器上加载所有图像。

所以，我从谷歌得到的最常见的错误似乎是图像文件位于错误的目录中。我已经尝试了很多次，但没有任何乐趣。

我正在使用我在 GoDaddy 上托管的 HTML、CSS、bootstrap 和 JS，并且我正在使用 cPanel。即使是图标也无法加载！我也尝试过更改文件夹和图像/文件本身的权限。

任何帮助都会非常棒！谢谢！

【问题讨论】：

会发生什么？您尝试过什么调试问题（例如：检查服务器的错误日志）？
<img id="nav6" src="C:\Users\Luke\Desktop\templatemo_535_softy_pinko\assets\images\web logo 12.png" alt="pic1"> - 你确定这是在网站上链接图片的正确方法吗？
互联网没有 C: 驱动器。
.....不要误会我的意思，但是如果您在嵌入图像方面遇到困难，您确定要从其他人那里拿钱来开发网站吗？
我现在访问网站：变化太大了

【解决方案1】：

问题： 您的问题是因为您试图在计算机上加载本地文件。

并且由于它是本地存储的，因此网络上的其他用户无法访问它。

解决方案： 将图像文件、favicon 和其他文件上传到您的网络服务器，并将src 属性更改为您网站上的文件。

【讨论】：

【解决方案2】：

您应该检查 html 代码中图像的路径。它位于图像标签的 src 属性中。如果您查看 chrome 开发工具中的命令控制台，它会指出您的图像指向您的 C 驱动器，该驱动器位于本地开发计算机中。您应该放置相对于 html 文件所在位置的图像路径。

【讨论】：