gpt4 book ai didi

java - JSP中的图片不显示

转载 作者:行者123 更新时间:2023-12-01 16:56:06 24 4
gpt4 key购买 nike

我有一个问题。我正在尝试将图片添加到项目中的 jsp 文件中,但它们没有显示。该图像位于 BookStoreWebsite/web/images/BookstoreLogo.png 中。

这是我的jsp文件index.jsp:

 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Evergreen Books - Online Books Store</title>
</head>
<body>
<div align="center">
<div>
<img src="images/BookstoreLogo.png" />
</div>
</div>

<div align="center">
<h3>This is the main content: New Books, Best Selling Books:</h3>
<h2>New Books:</h2>
<h2>Best-Selling Books:</h2>
<h2>Most-Favourite Books:</h2>
</div>

<jsp:directive.include file="footer.jsp" />
</body>
</html>

Doesn't work

但是,当我使用带有链接的互联网图像时,它可以工作。这是一个例子:

<div align="center">
<div>
<img src="https://image.flaticon.com/icons/png/512/3/3901.png" />
</div>
</div>

It works

我尝试了各种解决方案但未能修复它:

1)我尝试过这个:

<img src="http://localhost:8080/BookStoreWebsite/web/images/BookstoreLogo.png" />

2)还有这个

<img src="<%= request.getContextPath() %>/images/BookstoreLogo.png">

3)我尝试将图片放入我的项目目录中。

4) 我用 Tomcat 9.0 在 Eclipse IDE 中做了一个项目。我想也许这就是问题所在。然后我使用 Glassfish 在 IntelliJ Idea 中创建了相同的项目。结果一样。我怀疑,问题可能出在 servlet 或 web.xml 上,但我不确定。

我在这里缺少什么?谢谢!

这是 servlet:

@WebServlet("/")
public class HomeServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

public HomeServlet() {
super();
}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String homepage = "frontend/index.jsp";
RequestDispatcher dispatcher = request.getRequestDispatcher(homepage);
dispatcher.forward(request, response);
}
}

这是 Eclipse 中的 web.xml:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
<display-name>BookStoreWebsite</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>
</web-app>

这是 Intellij 中的 web.xml:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<listener>
<listener-class>com.sun.xml.ws.transport.http.servlet.WSServletContextListener</listener-class>
</listener>
<servlet>
<description>JAX-WS endpoint</description>
<display-name>WSServlet</display-name>
<servlet-name>WSServlet</servlet-name>
<servlet-class>com.sun.xml.ws.transport.http.servlet.WSServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>WSServlet</servlet-name>
<url-pattern>/services/*</url-pattern>
</servlet-mapping>

</web-app>

Project in Eclipse

Project in IntelliJ

最佳答案

您的index.jsp 与图像不在同一文件夹中。您需要上一级,然后指向 images/BookstoreLogo.png。

src="../images/BookstoreLogo.png"

当然,有一种更好的方法将图像文件夹添加到类路径中,然后就可以像您已经解决的那样访问它。或者我认为更好的是获取上下文并处理您的图像,例如:

<img src="${pageContext.request.contextPath}/images/logo.png"/>

<img src="<%= request.getContextPath() %>/images/logo.png"/>

关于java - JSP中的图片不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61589295/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com