为什么我的图片没有上传到我的 html 文件答案

【问题标题】：Why isn't my picture uploading to my html file为什么我的图片没有上传到我的 html 文件
【发布时间】：2019-08-09 00:38:19
【问题描述】：

我目前正在尝试上传页面导航栏上方的图片，但每次尝试上传图片时，我都会不断收到白框错误中的蓝色问号。

我已尝试更改照片的文件扩展名

这是我的图片的代码

<img src="AD.png" width="250" height="100" alt="logo"></img>

此图像也保存在我的文档文件夹中。

【问题讨论】：

您是否通过网络服务器提供内容？图片和html在同一个目录吗？
要使该图像正常工作，它应与您的index.html 文件夹位于同一文件夹中，并且图像文件应命名为"AD.png"
“此图像保存在我的文档文件夹中”。它需要是一个名为AD.png 的文件，位于与您的HTML 文件相同的 文件夹中，如果它在网络服务器上，您还需要确保图像也已上传。您也可能缓存了“错误”文件；尝试清除缓存。此外，<img> 有一个自闭合标签。

标签： html

【解决方案1】：

您的代码找不到图像。它在自己的目录中查找“AD.png”，因为“AD.png”在文档文件夹中，而您的代码可能不在，它找不到它。您需要完整的文件路径。

MacOS：类似于/Users/username/Documents/AD.png

Windows：类似于C:\Users\username\Documents\AD.png

在两个平台上复制文件路径非常简单。 Mac是Option+右键，然后“复制AD.png为路径名”。 Windows 可以在文件资源管理器中找到该文件，然后点击左上角的“复制路径”。

编码愉快！

【讨论】：

【解决方案2】：

两件事：

1) <img /> 是自闭的，所以你可以这样写：

<img src="AD.png" width="250" height="100" alt="logo" />

注意 在 HTML5 中，省略最后的斜线是完全可以接受的。

2) 这很重要。您需要在src 属性中包含文件路径。

例如如果你的图片路径是/documents/ad.png那么你需要写：

<img src="/documents/ad.png" width="250" height="100" alt="logo" />

【讨论】：

【解决方案3】：

首先，<img> 是一个自闭合标签。（使用/> 像<img src="" />

但对于文件路径，这取决于你想要什么。如果你是

希望这会有所帮助！ :)

【讨论】：