html - HTML 找不到图片
问题描述
我刚刚开始使用 HTML,我似乎已经跌入了第一个障碍。
我正在尝试创建一个包含单击时下载的图像的基本网页。
到目前为止,我有:
<a href="/images/selfie_img.jpg" download>
<img src="/images/selfie_img.jpg" alt="Selfie" style="width: 300px">
</a>
我希望这会显示我想要的图像,因为在我看来,它的格式与我看到的所有示例完全一样。但是,这仅显示替代标题,而不是实际图像。
我检查了图像路径,并使用了不同的图像来尝试解决问题。我正在使用 VS 代码,软件可以按照图像路径找到合适的图像,但是当我加载程序时,图像被那个烦人的蓝色问号取代。使用 URL 作为图像路径似乎可以工作,但是单击时没有下载图像,我只是得到了 URL。
解决方案
欢迎来到 StackOverflow,SpicedWater!
您描述的问题很可能是由错误的路径引起的。您的浏览器解析了图像路径并且找不到它。我建议您查看浏览器或开发人员控制台的网络选项卡中的源代码,以查看它试图在哪个路径上找到此图像以及浏览器确定的 http 状态代码。
推荐阅读
- ruby - 如何使用 Sequel Ruby gem 从一个急切的图关联中急切加载一个关联?
- python - Pymongo 调用“insert_one”而不检查密钥
- java - 如何解决这个 java.lang.NoSuchFieldError: DISMISS_AND_NOTIFY?
- c# - 基于多列的数据表差异
- qt - 如果 QTcpServer 尚未关闭,则从 QTcpSocket 读取失败
- docker - 如何设置 Dockerfile 以使容器操作系统为 Ubuntu?
- microservices - 微服务中的分布式事务
- python - 在代理后面下载 gensim 模型
- css - 弹出覆盖的标题位置问题
- html - CSS calc() 不适用于 Office 365