如何在 HTML 中包含来自另一个驱动器的图片？答案

【问题标题】：How to include a picture in HTML from another drive?如何在 HTML 中包含来自另一个驱动器的图片？
【发布时间】：2021-08-14 21:48:27
【问题描述】：

我正在学习 HTML、CSS 和 javascript，为我学校的前端开发项目做准备。问题来了。

当我试图在我的一个 HTML 文件中插入图片时。图片位于驱动器C：，HTML文件位于驱动器E：。我使用了<image>标签。

practice.html：E:\Frontend-Notes\Mainpage\practice.html
10-11.jpg：C:\Users\wangz\Pictures\WallPaper\Scenery\10-11.jpg

   <image src = "C:\Users\wangz\Pictures\WallPaper\Scenery\10-11.jpg">

然后我 ctrl+click-ed 应该是绝对路径的路径，VS 代码在下面显示错误消息。 error message

我不知道怎么处理。

【问题讨论】：

请将图片复制到E:\Frontend-Notes\Mainpage文件夹
或将 file:/// 放在路径前
如果你编写一个网站，你需要让它独立运行在一个网络服务器上，而不是你的 lcoal 机器上。所以最后你应该为你的整个网站文件创建一个文件夹，包括所有的图片，这样它就可以在网络服务器上运行。

【解决方案1】：

所以，您可以通过两种方式解决您的问题- 1.) 将 10-11.jpg 文件剪切并粘贴到项目文件夹中，即 E:\Frontend-Notes\Mainpage

2.) 您需要将地址放入 src 中，如下所示—— file:///C:\Users\wangz\Pictures\WallPaper\Scenery\10-11.jpg

也许对你有帮助。

【讨论】：

【解决方案2】：

快速解决方法是将您要使用的图像移动到与您的项目相同的目录中，或者在您的项目目录中为您将使用的图像创建一个文件夹。这不仅是一种很好的做法，而且是一种更适合组织项目文件的方式。

【讨论】：