HTML与图片分属不同文件夹时img src路径设置问题
解决HTML引用同级文件夹图片的路径问题
根据你的文件夹结构(drawing与drawing_html为同级目录),HTML文件存放在drawing_html文件夹中,要引用drawing文件夹里的图片,正确的img标签路径写法如下:
<img src="../drawing/你的图片文件名.png" alt="图片描述">
额外排查点:
- 核对文件名、文件夹名的大小写,区分大小写的系统(如Linux/macOS)会因大小写错误导致路径失效
- 确认图片后缀名正确(比如是
.png还是.jpg) - 若直接用本地浏览器打开HTML文件(
file://协议),部分浏览器存在跨目录访问限制,可尝试将项目放到本地服务器环境(如用python -m http.server启动简易服务器)再访问
内容的提问来源于stack exchange,提问作者HarryLin
相关产品推荐
相关产品推荐

