安卓浏览器打开USB存储内HTML文件的正确相对路径设置方法

问题根源 #

你使用的<img src="test.jpg">、./test.jpg两种相对路径写法本身符合HTML规范，加载失败不是路径逻辑错误，而是安卓FileProvider的权限限制：

安卓系统自带文件管理器通过FileProvider给第三方应用（如Chrome）分享文件时，默认仅授予单个文件的临时读取权限，同目录下的图片、视频等其他资源没有获得访问授权，Chrome即使路径正确也无法读取资源。

而你使用的/test.jpg绝对路径写法本身不适配content URI格式：你当前的HTML路径为content://com.sec.android.app.myfiles/.FileProvider/extrenal/DE1F-B20B/index.html，前缀content://com.sec.android.app.myfiles/是系统文件管理应用的Provider根路径，/test.jpg会直接定位到Provider根目录下的test.jpg，自然找不到U盘内的对应资源。

通用适配方案 #

没有跨设备通用的绝对路径写法，因为不同品牌、不同版本安卓的FileProvider前缀差异极大，只需要按以下规则设置即可全设备适配：

• 所有资源统一使用相对路径引用，同目录资源直接写文件名test.jpg或者加当前目录标识./test.jpg，子目录资源写./子目录名/test.jpg，父目录资源写../test.jpg
• 优先解决权限问题即可正常加载资源，操作方式如下：
  1. 把整个HTML项目文件夹从U盘复制到手机内部存储的Download或Documents目录，再通过Chrome打开HTML文件，此时Chrome有权限读取同目录所有资源，相对路径自动生效
  2. 如果必须在U盘直接打开，可以先给Chrome授予全部文件读取权限：进入系统设置→应用管理→Chrome→权限设置→文件和媒体，选择「允许访问所有文件」，再直接从Chrome的地址栏输入U盘内HTML的路径打开即可
  3. 也可以换用支持本地目录授权的HTML查看器类应用打开文件，无需额外设置即可正常加载所有关联资源

内容的提问来源于stack exchange，提问作者Ali Sheikhpour