Mac Finder本地图片插入HTML不显示问题求助
解决Mac本地图片无法在HTML中显示的问题
解除浏览器本地文件访问限制
Chrome等现代浏览器出于安全默认阻止本地HTML读取其他本地文件,可按以下操作调整:
在地址栏输入chrome://flags/#allow-file-access-from-files,找到「Allow access to files from file URLs」选项,设置为「Enabled」,重启浏览器后重试。验证路径准确性
打开Finder选中目标图片,右键选择「显示简介」,复制「位置」栏的完整路径,与代码中的路径逐一比对;若路径包含空格或特殊字符,将空格替换为%20(比如原路径有空格时写成file:///Users/oliviamartin/Downloads/flat%20web.jpg)。改用相对路径
将HTML文件和图片放在同一个文件夹中,直接使用<img src="flatweb.jpg" class="img-fluid" alt="Responsive image">,这样能规避绝对路径带来的权限与协议问题。检查文件权限
右键图片选择「显示简介」,下拉到「共享与权限」区域,确认当前用户拥有「读取」权限;若没有,点击锁形图标解锁后添加读取权限。
内容的提问来源于stack exchange,提问作者Olivia
相关产品推荐
相关产品推荐

