Question

我见过很多关于同样问题的帖子。但是所有解决方案都不适合我。问题很简单：我的图片没有显示在我的页面上，它被alt文本替换。

我的图片路径： 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
--src
--WebContent
--- LIB
----图像
-----我-image.png
--- META-INF
--- WEB-INF

Answer 1

请使用此路径，

<build>
    <plugins>
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-shade-plugin</artifactId>
            <configuration>
                <artifactSet>
                </artifactSet>
                <relocations>
                </relocations>
            </configuration>
        </plugin>
    </plugins>
</build>

它应该是有用的，因为在我的情况下它工作正常。

此外，如果您有空，请更改“LIB＆＃39;到资产＆＃39;。

已编辑：

<img src="/LIB/image/my-image.png" alt="KO"/>

EDITED REPEAT

<input type="image" src="LIB/image/ttt.jpg"/>

请确认一下，它适用于所有情况。

img未显示在JSP / TomCat

1 个答案: