不显示 JSP 中的图片

我有个问题。我试图将图片添加到我的项目中的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>

不起作用

但是，当我使用带有链接的网络图片时，它是有效的。这里有一个例子：

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

它工作

我尝试了各种解决方案，但都没能解决：

1( 我试过这个：

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

2( 这个

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

3( 我试着把图片放在我项目的目录里。

4( 我用Tomcat9.0在EclipseIDE中做了一个项目。我想也许这就是问题所在。然后我用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>

Eclipse 中的项目

IntelliJ 项目

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

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

当然，还有一种更好的方法可以将images文件夹添加到类路径中，然后就可以像处理它一样访问它了。或者在我看来，更好的方法是获取上下文并处理您的图像，如：

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

或

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

相关内容

最新更新

热门标签：