路径没有问题，但是显示破图是怎么回事？
嗯，补充下问题，写的html代码直接用浏览器打开能正常显示图片，但是将网页放到apache服务器后，经过服务器后图片就无法正常显示了。
目测路径不对
可分为以下几个问题：
1、图片权限问题；
2、是否有防盗链；
3、地址是否正确(你是否设置的是本地地址而并非网站上面的图片地址)
本地正常而服务器上挂掉，估计是不小心写成绝对路径了吧……
此图片文件或是目录是不是没有权限？
应该是网络的问题。
可以试着查看状态码(Status code)。
如下图：
(我这里是拿 的这个回答的页面做示例)
对你正在调试的页面开启调试模式 (F12) ，再选择“Network”，找到对应的图片，然后查看其“Header”。
只有 200 才是正常加载，其余的 Status code 对应的 HTTP 信息请 看这里。
或者选择“Timing”选项卡，查看具体的网络中断、过慢是发生在哪一处，例如是内容下载过慢导致的问题，还是代理响应的问题，或者请求无法发送的问题等等。
当然，我也是偏向于认为这可能是由于绝对路径导致的问题。你也可以直接查看 console 面板的错误信息，或许能够让你很快的意识到错误所在。
- 确认图片能用看图工具打开;
- 请证明:
路径没有问题