图片显示失败,请教一下原因。

图片显示失败,请教一下原因。

问题描述:

网页位置处于VsCode中,tupian 文件夹在桌面上。

https://img1.sycdn.imooc.com//climg/62e7878009a1143001940093.jpg

图片位置描述我觉得是正确的,但是无法显示第二个图片。

https://img1.sycdn.imooc.com//climg/62e786b4098ea81a07490056.jpg

在VSCode中以这样的方式点击是可以正常显示的,但是网页中就不能显示

https://img1.sycdn.imooc.com//climg/62e786ea09c41b9a07460063.jpg

https://img1.sycdn.imooc.com//climg/62e7871209d586bd09720604.jpghttps://img1.sycdn.imooc.com//climg/62e7883109b6761a07400424.jpg

问题描述:

是因为图片文件夹在桌面上吗,所以不能显示?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2022-08-01 16:12:32

同学你好,图片不能显示,猜测还是图片路径没写对的问题,建议再检查下引入的图片路径,以html文件所在位置查找与图片之间的路径关系。

如果还有疑问,可以将html文件所在文件夹目录截图粘贴过来,老师再帮助查看下。

提示:一般都是将图片和html文件放在同一个文件夹下,方便管理。

祝学习愉快~

  • 提问者 半噩谛昱 #1

    这个是网页所在目录以及图片所在位置。文件夹都是桌面上的。

    网页回退一级不是到桌面了么,然后进入桌面的tupian文件夹。

    https://img1.sycdn.imooc.com//climg/62e78d1c09906d8e02480219.jpghttps://img1.sycdn.imooc.com//climg/62e78d360910c60e03550290.jpghttps://img1.sycdn.imooc.com//climg/62e78d78090adbc003110311.jpg

    2022-08-01 16:28:00
  • 好帮手慕慕子 回复 提问者 半噩谛昱 #2

    同学你好,问题解答如下:

    1、根据截图可知,引入图片路径书写是没问题的。

    2、猜测同学是通过Live Server插件打开的页面,可以理解为该插件开启了一个虚拟服务器,将VsCode文件夹放到这个服务器上,所以无法通过相对路径找到服务器之外的tupian文件夹,导致引入图片失败。

    有两种修改方式,选择其中一种,如下:

    (1)将tupian文件夹放到VsCode文件夹,调整引入图片的路径。

    (2)不使用Live Server插件,直接打开html文件。

    祝学习愉快~

    2022-08-01 16:42:54
  • 提问者 半噩谛昱 回复 好帮手慕慕子 #3

    这样啊 明白了  谢谢

    2022-08-01 16:44:34
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师