JPG 图像未在 Chrome、Firefox 和 Opera 中显示答案

【问题标题】：JPG image not displaying in Chrome, Firefox & OperaJPG 图像未在 Chrome、Firefox 和 Opera 中显示
【发布时间】：2015-12-14 01:42:43
【问题描述】：

我的网站上显示了一个图像，它在 Safari 上运行良好，但是当我在 Firefox、Chrome 和 Opera 中运行它时，它不会显示给我。

我的代码是：

<img class = "header" src="./images/websitelogo.jpg" alt=" Header Image"/>

以前有没有人遇到过这个问题，如果有，您是如何解决的？

非常感谢。

【问题讨论】：

查看控制台。它会用红色文本记录 404
您在网页上添加的标记是否与您的网页完全相同？因为'。' '/' 前面没有必要。如果您想要根目录文件夹中的图像，您可以使用“../images/websitelogo.jpg”
@ItAssistors 但是，OP 在他的帖子中提到该代码在 Safari 中有效..
您好，我做了以下更改，但仍然遇到同样的问题。我检查了（检查元素）控制台，当我将鼠标悬停在图像链接上时，它说无法加载图像。如果您有任何其他建议，请不胜感激。谢谢

【解决方案1】：

看来你的路径是错误的。如果您在索引文件中工作，并且您有另一个包含图片的文件夹，那么您没有理由拥有“。”和 /。

<img class = "header" src="images/websitelogo.jpg" alt=" Header Image"/>

它应该看起来像这样。

【讨论】：

您好，我进行了上述更改，但仍然遇到同样的问题。我检查了（检查元素）控制台，当我将鼠标悬停在图像链接上时，它说无法加载图像。如果您有任何其他建议，请不胜感激。谢谢
尝试删除class = "header"之间的多余空格。
空格删除仍然是同样的问题。我觉得奇怪的是它在 Safari 中有效，但在其他浏览器中无效。我有一台 mac 电脑，除非这可能会影响它

【解决方案2】：

您是否检查过控制台日志。我认为问题在于您在 ./images/websitelogo.jpg 中搜索图像的 img src，但 images 文件夹与您的 html 页面在同一层次结构中，因此将您的 src 替换为 images/websitelogo.jpg

<img class = "header" src="images/websitelogo.jpg" alt=" Header Image"/>

【讨论】：

您好，我进行了上述更改，但仍然遇到同样的问题。我检查了（检查元素）控制台，当我将鼠标悬停在图像链接上时，它说无法加载图像。如果您有任何其他建议，请不胜感激。谢谢
检查网络是否已从引用下载文件。