html引用图片资源无法显示的问题

最新推荐文章于 2024-04-23 02:00:49 发布

strong815

最新推荐文章于 2024-04-23 02:00:49 发布

阅读量3w

点赞数 19

文章标签： html 图片发布

本文链接：https://blog.csdn.net/strong815/article/details/46362529

版权

头疼，头都大了，写了个很简单的html网页，导入了一个图片资源，却怎么都不显示，查了书和网页，发现没错啊，怎么就不显示呢？尼玛，尼玛这些大牛写的时候倒是写清楚点啊，写的那么模糊就还不如别写呢。看我给菜鸟们带来点福利，一定教会你们。

环境：eclipse 动态页面项目 tomcat8

一、发布出去的项目部认识绝对路径。

如题，所以如果你引用的是绝对路径来显示图片是不能显示出图片的，所以大家别挣扎了，必须使用相对路径。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
</head>
<body  >
<img  src="C:/Users/lenovo/Desktop/webstudy/test.jpg">
</body>
</html>

如上代码，img的引用是一个绝对路径，但是无法显示图片。

二、引用相对路径。

先说下这个相对路径是什么东西。相对路径指的是相对于webcontent的路径，而非你些的代码的文件的路径。什么意思呢？

如果你的代码写的是这样，而且你这个代码的页面放在项目的webconten/webstudy下面，那你的图片应该存在哪里呢？

<img  src="test.jpg">

重点来了重点来了重点来了你必须把图片文件放在webconten下面，而不是webstudy下面。就是这个意思。

三、发布项目

很可能你的项目什么都对了，但是新改动了的项目没有被发布，这个时候记得点击servers->右键点击服务器->clean，然后再重新start发布你的项目。

四、确保已经真的发布了

打开这个文件：workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\你的项目名称，在这个文件下应该有你发布的图片，才说明你真的以及发布成功了。比如我的项目名称叫myStruts2，所以在这workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\myStruts2，由于我是吧图片直接放在webcontent的，所以在这个目录下有我放的图片

strong815

关注

19
点赞
踩
36

收藏

觉得还不错? 一键收藏
4
评论
html引用图片资源无法显示的问题

头疼，头都大了，写了个很简单的html网页，导入了一个图片资源，却怎么都不显示，查了书和网页，发现没错啊，怎么就不显示呢？尼玛，尼玛这些大牛写的时候倒是写清楚点啊，写的那么模糊就还不如别写呢。看我给菜鸟们带来点福利，一定教会你们。环境：eclipse 动态页面项目 tomcat8 一、发布出去的项目部认识绝对路径。如题，所以如果你引用的是绝对路径来显示图片
复制链接

扫一扫