admin 管理员组

文章数量: 1184232

引言： 

	大家在进行开发的过程中，经常会有显示图片这个需求，但是却经常因为种种问题显示不了，接下来，我将详细叙述这个问题，希望对大家有所帮助。

图片显示不出，一般有三个问题：

一.图片所在路径错误

1.使用绝对路径
解决方法：
右键查看图片的详细属性，对比文件所在路径与书写的url,再进行修改即可。


2.使用相对路径
①要显示的图片和文件在同一目录下 

<body>
	<img src="timg.jpeg" >
</body>



②图片在html文件的下一级 

<body>
	<img src="img/timg.jpeg" >
</body>



③图片在html文件的上一级 

<body>
	<img src="../timg.jpeg" >
</body>
  • ./或者省略不写，表示图片在当前路径下，即第一种情况
  • . ./ 表示文件的上一级目录，即第三种情况
  • /表示当前路径的下一级，即第二种情况

其他的种种路径无非是这几种的组合，只需参照这三个例子修改路径即可


二.图片后缀名错误

系统自动隐藏了图片后缀名，本来是.png格式，却写成了.jpg或.jpeg

解决方法： 

右键查看图片的详细属性，观察图片的后缀名,再进行修改即可。



三.浏览器不支持

部分浏览器对有些路径书写方式不支持。

例子：
图片和文件的相对路径： 

<body>
	<img src="../timg.jpeg" >
</body>

结果：
safari：

firefox：

本文标签： 情况 路径 编程

版权声明：本文标题：<img>标签显示不出图片——图片路径问题_<img src="图片地址">图片不显示 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.roclinux.cn/p/1774026428a3568465.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。