路径正确但图片放入子文件夹后出现损坏问题咨询
图片加载异常排查原因
- 路径适配错误
你的根目录uncover pula带有空格,引用路径时必须完整包裹在引号内,若images文件夹和HTML文件同处于uncover pula目录下,正确的相对路径写法为:
注意不要漏写开头的<img src="./images/你的logo完整文件名.后缀" alt="logo">./指代当前目录,也不要错误写为上级目录的../。 - 文件本身损坏验证
直接打开images文件夹内的原图文件,确认是否可以正常预览,排除文件存入子文件夹过程中发生传输、存储错误导致的本身损坏。 - 文件名与后缀匹配错误
确认代码中写的文件名、后缀和实际文件完全一致,注意大小写敏感问题:Windows本地环境不区分大小写,但Linux/macOS环境、线上服务器会区分,比如实际文件是Logo.PNG时,代码写logo.png会找不到文件。 - 访问权限异常
如果是在本地服务器环境、WSL环境或者线上服务器部署,检查images文件夹和内部图片文件的读权限是否正常开放,Linux环境下可执行以下命令配置权限:chmod 755 ./images chmod 644 ./images/* - 标签语法错误
检查img标签是否存在语法问题,比如漏写引号、漏写src属性的等于符号、多余字符截断路径,都会导致资源加载失败。
内容的提问来源于stack exchange,提问作者Emanuel
相关产品推荐
相关产品推荐

