uni-app html无法浏览相册

uni-app html无法浏览相册

示例代码：

<input type="file" accept=".mp4,.mov" />

操作步骤：

html 无法浏览相册 使用uniapp离线打包只显示相机，无文件，但是在系统浏览器访问是可以显示文件选项

预期结果：

html 无法浏览相册 使用uniapp离线打包只显示相机，文件，但是在系统浏览器访问是可以显示文件选项

实际结果：

html 无法浏览相册 使用uniapp离线打包只显示相机，无文件，但是在系统浏览器访问是可以显示文件选项

bug描述：

html 无法浏览相册 使用uniapp离线打包只显示相机，无文件，但是在系统浏览器访问是可以显示文件选项
信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Windows
PC操作系统版本 mac
HBuilderX类型 正式
HBuilderX版本 4.36
手机系统 Android
手机系统版本 Android 12
手机厂商 华为
手机机型 noh-al10
页面类型 vue
vue版本 vue3
打包方式 离线
项目创建方式 HBuilderX

更多关于uni-app html无法浏览相册的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app html无法浏览相册的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是uni-app离线打包时常见的权限问题。在Android平台上，原生WebView默认不会自动处理文件选择权限。解决方案如下：

  1. 在AndroidManifest.xml中添加文件读取权限：
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
  1. 对于Android 10+设备，还需要在manifest中添加：
<application
    android:requestLegacyExternalStorage="true"
    ...>
  1. 在WebView初始化时配置允许文件访问：
webView.getSettings().setAllowFileAccess(true);
webView.getSettings().setAllowContentAccess(true);
  1. 如果是混合开发，建议使用uni-app官方API替代html input：
uni.chooseImage({
    count: 1,
    sourceType: ['album'],
    success: function (res) {
        console.log(res.tempFilePaths);
    }
});
回到顶部