在html中添加我的计算机中的图像[重复]答案

【问题标题】：adding an image from my computer in html [duplicate]在html中添加我的计算机中的图像[重复]
【发布时间】：2023-03-27 03:45:01
【问题描述】：

我正在按照在线教程开始学习 HTML，但在添加图片时遇到了问题。我正在做的只是输入一个 txt（重命名为 .html 并使用 UTF-8 编码，按照教程的说明）文档，然后通过打开检查代码更改是否正常工作。但是，无论我做什么，我似乎都无法在测试时正确加载图像。这是我在文本文档中的内容：

<img src="C:\users\jason\desktop\website\curved.jpg">

我仔细检查了路径是否正确，所有内容都拼写正确，并且该图像与 html 文档位于同一文件夹中。那么我在这里做错了什么？

【问题讨论】：

上述问题的答案确实帮助我解决了我的问题。
请注意：HTML 文件实际上是从文件本身所在的位置搜索的。当您将图像放在同一文件夹或同一文件夹的子文件夹中时，您可以使用src="curved.jpg" 或src="images/curved.jpg" 调用它。当它是较低级别的文件夹时，您可以像这样使用../：src="../curved.jpg"。无需真正检查您的文件系统。

标签： html

【解决方案1】：

如果您想链接到本地文件，请尝试使用 file:/// 协议。

<img src="file:///C:\users\jason\desktop\website\curved.jpg">

【讨论】：

是的，我在另一个问题中看到网站建议这是重复的。那对我有用。同样显然我弄乱了我试图使用的图像，这就是为什么即使在我最初添加它之后它也没有打开的原因。我使用了不同的图像，效果很好。
这个协议还能用吗？当我使用它时，它不显示图片。

【解决方案2】：

例如，请仔细检查它实际上是 .jpg 而不是 .png，然后尝试以下操作：

 <img src="curved.jpg">

我还将图像保存在与 HTML 文件相同的文件夹中。

【讨论】：