我看过很多关于同一个问题的帖子。但是,所有解决方案都不适合我。问题很简单:我的图片没有显示在我的页面上,它被替换为替代文字。
我的图片路径: WebContent/LIB/image/my-image.png
- 这不在 WEB-INF 文件夹中(好的做法)。
- 我尝试使用另一张图片 (.jpg),但失败了。
我看到很多人解释说真正的问题是路径。我尝试了所有这些路径,但任何一个都在工作:
<img src='<c:url value="/LIB/image/my-image.png"/>' alt="KO"/>
// http://localhost:8080/3JVA-Project-SupTrip/WebContent/LIB/image/%3Cc:url%20value=%22/LIB/image/my-image.png%22/%3E
<img src="LIB/image/my-image.png" alt="KO"/>
// http://localhost:8080/3JVA-Project-SupTrip/WebContent/LIB/image/LIB/image/my-image.png
<img src="/LIB/image/my-image.png" alt="KO"/>
// http://localhost:8080/LIB/image/my-image.png
<img src="../LIB/image/my-image.png" alt="KO"/>
// http://localhost:8080/3JVA-Project-SupTrip/WebContent/LIB/LIB/image/my-image.png
<img src="<%=request.getContextPath()%>/LIB/image/my-image.png" alt="KO"/>
// http://localhost:8080/3JVA-Project-SupTrip/LIB/image/my-image.png
<img src="<%=request.getContextPath()%>/WebContent/LIB/image/my-image.png" alt="KO"/>
// http://localhost:8080/3JVA-Project-SupTrip/WebContent/LIB/image/my-image.png
这是我的图片的逻辑 URI: http://localhost:8080/3JVA-Project-SupTrip/WebContent/LIB/image/my-image.png
我真的需要你们的帮助,谢谢你们。
编辑:用 URI 添加一些注释(最后一个听起来很完美但不起作用)
例如,这包括作品:
<!-- Main CSS -->
<style type="text/css">
<%@ include file="../LIB/css/main.css" %>
</style>
结构:
-3JVA-项目-SupTrip
-- build
--源代码
--网络内容
---图书馆
----图片
-----我的图片.png
---元信息
---WEB-INF
最佳答案
请使用此路径,
<img src="/LIB/image/my-image.png" alt="KO"/>
它应该可以工作,因为在我的情况下它工作正常。
此外,如果您愿意,可以将名称从“LIB”更改为“assets”。
已编辑:
<input type="image" src="LIB/image/ttt.jpg"/>
编辑重复
<img src="LIB/image/bg.jpg" alt="Smiley face" height="42" width="42">
请确认,它适用于所有情况。
关于java - JSP/TomCat 中不显示 img,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33982176/