之前遇到这样一个问题:插入图片时,显示的结果是图片是撕裂的,
在网上查了很多解决办法,总结起来就是一句话:图片的路径出现了问题。
可以看到我在WEB-INF文件夹下创建了一个image的文件夹,里面有个pic1.jpg,
图片插入代码如下:
<img src="image/pic1.jpg" width="288" height="88" />
路径没有问题呀,可是图片为什么撕裂呢?
原因:
我的image文件夹放错地方了啊(/苦笑)
应该放在webapp(或者是WebContent)文件夹下,该文件夹应与WEB-INF同级;,如下:
图片插入代码与上面相同,现在就可以正常显示了。
本文介绍了一种常见的网页中图片显示异常(撕裂)的问题及其解决方案。通过调整图片存放位置,确保图片路径正确,最终实现了图片的正常显示。
4万+

被折叠的 条评论
为什么被折叠?



