Java 网络应用程序。定位图像的问题

Question

我正在制作一个 java web 应用程序，我希望它显示图像。但是，它找不到我的图像。

我在/src/main/resources/images创建了一个文件夹

另外，在.jsp 文件中，我尝试了以下句子。

 <img src="/src/main/resources/images/Head.png"> </img>

 <img src="< c:url value='/src/main/resources/images/Head.png'/>"> </img>

我有什么不好的事情吗？

谢谢

编辑：

mi.jsp文件的路径是/src/main/webapp/WEB-INF/jsp/welcome.jsp

你可以在https://github.com/Santi-7/hello找到网页应用代码

Answer 1

谢谢大家，我可以解决我的问题。

我所做的更改：

因此，为了添加浏览器可访问的资源，您需要将其放入 /src/main/webapp - 这将成为应用程序的根目录。

现在，我的图片在/src/main/webapp/images。

图像的路径必须相对于 .jsp 文件的路径。

现在，我的.jsp文件的句子是

<img src="images/Head.png" />

编辑[1]：

¡ 我弄错了。图片的路径是相对于 /webapp 类路径的！

Answer 2

您的应用是Spring Boot app。我认为您也可以尝试使用 Spring Boot 提供的工具来提供静态内容。无论如何，您现在正在这样做，因为您将 webjars 用于 css 和 js 库！！！与您使用的技术保持一致。

Answer 3

图像的路径必须相对于 .jsp 文件的路径。

因为你的图片的路径是：/src/main/resources/images/Head.png，而你的jsp文件的路径是：/src/main/webapp/WEB-INF/jsp/welcome.jsp，所以你的图片标签里需要写：

<img src="../../../resources/images/Head.png" />

../../../是从jsp文件夹出来到main文件夹，resources/images/Head.png是从main文件夹到图片的路径。

Answer 4

.war文件的结构如下：

/
    /WEB-INF
        /lib
        /classes
    /META-INF

现在，您的应用程序具有以下结构（我假设，给定文件夹结构，您使用的是 Maven）

/
    /src
        /main
            /java
            /resources
            /webapp

现在，Maven 战争插件将在编译期间将类路径中的所有内容复制到 /WEB-INF/classes - 默认情况下为 /src/main/java 和 /src/main/resources。

问题的关键在于 /WEB-INF 或 /META-INF 下的任何内容都无法通过请求访问 - 这是出于安全考虑，否则例如有人可以简单地下载 /WEB-INF/web.xml。 p>

因此，为了添加浏览器可访问的资源，您需要将其放入/src/main/webapp - 这将成为应用程序的根。

因此，如果您将 Head.png 放入 /src/main/webapp/images 中，那么您将在 JSP 中使用：

<c:url value='/images/Head.png'/>

简而言之，您需要了解.war 的目录结构如何工作以及它与您的代码有何关系。