                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么使用本地图片的存储路径以及名称，图片都无法显示呢？

为什么使用本地图片的存储路径以及名称，图片都无法显示呢？我使用的是webstrom软件

Aryse

2016-08-05

源自：初识HTML(5)+CSS(3)-升级版 8-2

关注问题我要回答

3051

操作

收起

6 回答

水秋玄
2016-08-26

使用webstrom的话那你就是在本地写的代码，路径参考1楼的回答 <img src="./tupian.jpg" />图片需要跟你的html文件放在同个目录（同一层级），这是相对路径的写法。绝对路径写法是：<img src="file://e:/image/picture.jpg" />

1 回复有任何疑惑可以回复我~

收起回答

慕粉3840662
2016-08-25

我之前也遇到同样的问题，问过别人以后说好像电脑本地的图片慕课网是不能获取的，但是可以从网络上找到一张图片（百度图片不能插入，不知道是不是网址太长的问题）右键—检查元素，找到<img src>标签下的网址链接直接复制粘贴到慕课网给出的案例中就可以了。为了保证图片能看到的话你可以先复制之后在网页上打开看看。

0 回复有任何疑惑可以回复我~

收起回答

慕粉3840662

但是我的练习也都是在慕课网上试的，编辑器中还没有试过，至于为什么本地图片无法显示我也不知道具体原因

2016-08-25 回复有任何疑惑可以回复我~

水秋玄回复慕粉3840662

本地图片肯定不能显示，慕课网站又不能直接读取你电脑的文件。

2016-08-26 回复有任何疑惑可以回复我~

水秋玄回复慕粉3840662

<img src="file://e:/image/picture.jpg" />，

2016-08-26 回复有任何疑惑可以回复我~

幸福的猫小阳
2016-08-24

你说的试着换图是说换掉课程代码里面的图片的么？是的话肯定是不显示的，因为路径不能识别。
课程的这一段代码应该是存在慕课网自己服务器上面的，你的图片在你的电脑中，而非慕课网的服务器上面，自然不能获取图片，但是输入图片所在网址链接，服务器会自动识别访问链接，从而获取图片。
如果你是在本地编辑器中编写代码，并且同路径下图片不显示，那么你要看看你设置的图片的父级，或者其他标签，是否将该图片所显示的区域遮挡了。最好能有代码，这样说不清啊

0 回复有任何疑惑可以回复我~

收起回答

qq_四块钱_0
2016-08-05

同求，从1-3那里就试着换图但是一直显示不出来

0 回复有任何疑惑可以回复我~

收起回答

幸福的猫小阳

你说的试着换图是说换掉课程代码里面的图片的么？是的话肯定是不显示的，因为路径不能识别。课程的这一段代码应该是存在慕课网自己服务器上面的，你的图片在你的电脑中，而非慕课网的服务器上面，自然不能获取图片，但是输入图片所在网址链接，服务器会自动识别访问链接，从而获取图片。如果你是在本地编辑器中编写代码，并且同路径下图片不显示，那么你要看看你设置的图片的父级，或者其他标签，是否将该图片所显示的区域遮挡了。最好能有代码，这样说不清啊

2016-08-24 回复有任何疑惑可以回复我~