使用html插入图片答案

【问题标题】：Insert image using html使用html插入图片
【发布时间】：2021-12-29 18:25:07
【问题描述】：

我有一个图像位于 D:\clone4\java-security-service\src\main\resources\images 并且我想将它添加到我的 html 页面，但它似乎不起作用。我尝试了很多方法，例如：

<img style="max-width: 170px;" src="./images/piechart.jpg" alt="pie-chart">

但我什么也得不到。我的 Html 文件位于 java 项目中。我愿意接受建议。

【问题讨论】：

您的 HTML 页面是直接位于资源文件夹内、位于资源文件夹内的文件夹中，还是完全位于其他位置？
html文件位于D:\clone4\java-security-service\ ?在这种情况下尝试使用<img style="max-width: 170px;" src="src/main/resources/images/piechart.jpg" alt="pie-chart">
我的html文件位于D:\clone4\java-security-service\src\main\resources\templates\scheduleraction\html.vm
你使用什么网络服务器？春天？ Java/Jakarta EE？
那么你需要修复src的值，因为./images/piechart.jpg的意思是“存在于名为images的文件夹中的piechart.jpg文件，该文件夹位于该文件夹的父文件夹中插入 piechart.jpg 的 HTML 文件是“。这不是图片所在的地方。

标签： javascript java html css

【解决方案1】：

使用Absolute 路径，而不是Relative 路径。所以给出整个路径，因为 HTML 文件和 image 的两个位置都来自不同的文件夹。给 src 属性：D:\clone4\...\images 但是尝试使用 forward slashes 而不是 backslashes ~~并在前面加上file://，所以链接就像~~

C:/clone4/.../images/piechart.jpg

【讨论】：

【解决方案2】：

在您的网络浏览器中打开图像。然后复制路径并将其添加到 img src 位置的属性src 看起来像这样 file:///D:/clone4/.../images/piechart.jpg

【讨论】：

试过了，但不幸的是它不起作用

【解决方案3】：

src="./images/piechart.jpg"

尝试将 jpg 移动到 html 文件所在的同一文件夹中。然后把路径去掉，就这样放了

src="piechart.jpg"

【讨论】：