Question

我使用Sublime Text 3.0来编写基于html的网站。正如我的用户名所示，我不是一个专家。我无法使用最新的google chrome浏览器版本44.0.2403.130 m添加带有崇高文本3.0的图像，而且我运行Windows 8.1 pro（仍在等待升级到w10 Dx）无论如何，我很确定我的软件不是问题。我可以使用外部链接的图像上传图像，例如

http://www.examplesite.com/picture.gif

它会出现但是当我尝试从我自己的目录上传时

<h1><img src="Logo.jpeg" alt="Logo"/>Prespective News</h1>

它不会显示在我的网络浏览器上，只显示徽标的替代文字，我的代码有问题吗？请帮帮我，我花了至少4个小时。想弄清楚！这也是我的所有照片，而不只是1。

图像与我的HTML文件位于同一目录中。当我执行F12时，会显示错误：

无法加载资源：net :: ERR_FILE_NOT_FOUND file：/// C：/Users/Owner/Documents/My%20Web%20Sites/Website%202/Logo.jpeg

这很令人困惑，因为这正是我的文件所在：

C：\ Users \ Owner \ Documents \ My Website Sites \ Website 2 \ Logo.JPEG

html文件位于

C：\ Users \ Owner \ Documents \ My Website Sites \ Website 2 \ idk yet.HTML

Answer 1

您提供的img src网址可能不正确。如果您打开chrome dev工具（F12），您应该能够看到（在网络选项卡上）尝试提取的图像源所在的位置。然后，您可以将其与实际所在的路径进行比较。

您可以做的事情：

检查名称是否与您提供的名称完全匹配（区分大小写）
请记住您链接的来源相对于您的网页，因此如果您将其放在文件夹中，则可能需要 src =“images / Logo.jpeg”
您可能正在使用jpg而不是jpeg，请检查它。

Answer 2

如果它没有显示，因为Logo.jpeg不在同一目录中。由于您的文件名为Logo.JPEG，因此应为：

<h1><img src="Logo.JPEG" alt="Logo"/>Prespective News</h1>

资本化很重要。

Answer 3

在对网站进行编码时，您应将所有必需的图像保存在单独的图像文件夹中，并适当使用源地址假设您当前工作目录中有一个图像文件夹，然后使用 img src="image/logo.jpg" />

Answer 4

出现此错误的原因是您的图像在特定文件夹中找不到。为图像路径提供正确的文件夹名称。这个问题很容易解决。使用Firebug或F12键进行故障排除。

Answer 5

我通常将我的图像放在html文件旁边的文件夹中，所以在同一目录中

<img src="images/image.jpg" alt="image" title="image of an image" /> <h1>Titre1</h1>

也许这样试试吧。我会从图像中分离标题h1。

Answer 6

我发现了我做错了什么。原来这个文件是JPEG，但由于某种原因，它的扩展名是.JPG而不是E.我不知道为什么它没有被列为.JPEG，因为文件类型是JPEG，无论如何谢谢你的回复ya'll ！如果我没有回应并查看图片信息xD

，我可能不会想出来

试图用HTML添加图像？

6 个答案: