如何配置 tomcat 以在浏览器中查看 html 中的图像



我正在尝试在HTML页面中包含图像(我的公司徽标(。 当我的 HTML 未托管在 tomcat 上并且我在 HTML 中提供绝对文件路径时,一切正常,我能够看到图像

以下方法在雄猫之外工作得很好:

<footer>
    <br/><br/><br/><br/><br/><br/><br/>
  <center><p>Powered by: </p>
  <img src="D:MyImagesFolderlogo.png"  /></center>
</footer>

但。当我从 localhost:8080/myform 访问相同的 HTML 时,图像无法加载

我尝试了以下方法

  1. 在我的 Web 项目的 META-INF 中添加了上下文.xml并向其添加了以下内容

    <?xml version="1.0" encoding="UTF-8"?>
    <Context path="/MyContext/images" docBase="D:MyImagesFolder" crossContext="true"/>

和在 HTML 中

  <img src="MyContext/images/logo.png"  />

然后添加了一个前导斜杠来制作它

<img src="/MyContext/images/logo.png"  />

没有运气

然后我尝试了以下方法

  1. 在 apache-tomcat-9.0.0.M21\conf 下,我在 Catalina 中创建了一个文件夹 Catalina 和一个文件夹本地主机

在本地主机中创建一个名为MyContext#images.xml的XML文件,该文件具有以下内容

<?xml version="1.0" encoding="UTF-8"?>
<Context path="/MyContext/images" docBase="D:MyImagesFolder" crossContext="true" />

在我尝试过的 HTML 中

<img src="MyContext/images/logo.png"  />

<img src="/MyContext/images/logo.png"  />

没有运气

  1. 我把我的图像放在\apache-tomcat-9.0.0.M21\webapps\ROOT和 在 HTML 中

没有运气

  1. 当我在 eclipse 中运行 tomcat 时,我尝试将 MyContext#images.xml 放在 eclipse 中的"Tomcat v9.0 Server at localhost-config" 中,
  2. 然后

    <?xml version="1.0" encoding="UTF-8"?>
    <Context path="/MyContext/images" docBase="D:MyImagesFolder" crossContext="true"/>

在 XML 中

在我尝试过的 HTML 中

<img src="MyContext/images/logo.png"  />

<img src="/MyContext/images/logo.png"  />

没有运气

缺少什么,在哪里?

我在这里找到了解决方案 - 如何在 Tomcat 上的 Web 应用程序中提供静态文件

简单创建了一个文件夹WebContent/images,将我的png文件放在那里和html中

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

现在它工作了..

最新更新