Java Web应用程序。 定位图像时遇到的问题

Question

I'm making a java web app, and I want it to display an image. However, it doesn´t find my image.

I've made a folder in /src/main/resources/images

Also, in the .jsp file, I´ve tried with the following sentences.

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

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

Is there anything bad I'm doing?

Thanks

Edit:

The path of mi .jsp file is /src/main/webapp/WEB-INF/jsp/welcome.jsp

You can find the web app code in https://github.com/Santi-7/hello

Answer 1

The structure of a .war file is as follows:

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

Now, your application has the following structure (I assume, given the folder structure, you are using Maven)

/
    /src
        /main
            /java
            /resources
            /webapp

Now, the Maven war plugin will copy everything in the classpath to /WEB-INF/classes during compilation - this is /src/main/java and /src/main/resources by default.

The crux of the matter is that nothing under /WEB-INF or /META-INF can be accessed by requests - this is for security as otherwise someone could simply download /WEB-INF/web.xml for example.

So, in order to add a resource that is accessible by a browser, you need to place it into /src/main/webapp - this will become the root of the application.

So if you place Head.png into /src/main/webapp/images then in the JSP you would use:

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

In short, you need to read up on how the directory structure of a .war works and how that relates to your code.

Answer 2

Your app is a Spring Boot app . I think that you can also try to use the facilities provided by Spring Boot for serving static content. Anyway, you are doing it right now because you are using webjars for css and js libs!!! Be consistent with the tech that you are using.

Answer 3

The path to the image must be relative to the path to the .jsp file.

Because the path to your image is: /src/main/resources/images/Head.png , and the path to your jsp file is: /src/main/webapp/WEB-INF/jsp/welcome.jsp , in your image tag you need to write:

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

The ../../../ is for getting out from the jsp folder to the main folder, and the resources/images/Head.png is the path from the main folder to the image.

Answer 4

Thanks everybody, i could resolve my problem.

Changes I made:

So, in order to add a resource that is accessible by a browser, you need to place it into /src/main/webapp - this will become the root of the application.

Now, my images are in /src/main/webapp/images .

The path to the image must be relative to the path to the .jsp file.

Now, the sentence of my .jsp file is

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

Edit [1]:

¡ I made a mistake. The path to the image is relative to the /webapp classpath !