关于JavaWeb中图片无法加载的原因及解决方法

最新推荐文章于 2023-08-30 14:47:05 发布

传说中的巨鳄

最新推荐文章于 2023-08-30 14:47:05 发布

阅读量1.9w

点赞数 29

分类专栏： JavaEE学习

本文链接：https://blog.youkuaiyun.com/qq_32139957/article/details/108703957

版权

JavaEE学习专栏收录该内容

5 篇文章

订阅专栏

Idea关于JavaWeb中图片无法加载的原因及解决方法

1.问题描述

本人用idea编写项目的过程中，发现了以下问题

在html中编写了以下代码，引用图片

<!DOCTYPE html><html lang="en">
    <head>    
        <meta charset="UTF-8">    
        <title>图片加载问题</title>
    </head>
    <body>
        <img src="images/图片1.png" width="300px" height="250px">
    </body>
</html>

当我运行完Tomcat后，打开页面，发现图片无法加载

在这里插入图片描述

而项目结构如下，并无路径错误的现象

在这里插入图片描述

2.问题分析及解决方法

首先，该造成该的问题的原因可能有以下两点：

1.检查IDE中Tomcat配置，是否添加images

在这里我使用的idea；

打开tomcat配置点击Deployment–>Deploy at the server statrup点击绿色的’+'号选择External Source…如下图：
此时会弹出一个对话框选择需要上传文件的路径，选择images文件夹的路径

在这里插入图片描述

点击右下角的apply，应用即可

2.检查图片路径是否含有中文

在html页面中，引用了带汉字的图片，形如src=“images/图片1.png”，如果没有在tomcat配置URIEncoding，则无法显示。修改方法：

在tomcat的server.xml中加入URIEncoding=“utf-8” （网页的编码是utf-8）

打开tomcat中的server.xml文件，相对路径如下：apache-tomcat-7.0.52\conf(这里我用的是tomcat-7.0.52)
在代码中找到并添加以下内容

在这里插入图片描述

3.结果

问题解决

在这里插入图片描述

参照以下链接

https://blog.youkuaiyun.com/qq_34257203/article/details/89206435
http://blog.sina.com.cn/s/blog_6396f2610100l6dg.html