从内容 uri 读取文件时出现权限错误

Posted 2023-02-19

【中文标题】从内容 uri 读取文件时出现权限错误

【英文标题】：Permission error when reading file from content uri

【发布时间】：2019-07-07 03:41:11

【问题描述】：

我一直在尝试制作一个简单的文档选择器，它允许用户选择一个文件并返回以 base64 编码的所选文件。 为此，我目前正在使用两个包：

react-native-document-picker，允许用户选择一个文件并返回一个内容uri react-native-fs，它的 readFile 函数接受一个 uri 作为参数并以 base64 格式返回文件

这是一段特定的代码：

    DocumentPicker.pick(
        type: [DocumentPicker.types.allFiles]
    )
    .then(res =>
    
        RNFS.readFile(decodeURIComponent(res.uri), "base64").then(result =>
        
            console.log(result)
        )
    )
    .catch(error =>
    
        console.log(error)
    )

从我的下载文件夹中选择文件时效果很好，但是，当我尝试从“最近”文件夹或任何与我的应用程序无关的文件夹中选择文件时，readFile 失败并出现错误：

Permission Denial：从 pid=22663 读取 com.android.providers.media.MediaDocumentsProvider uri content://com.android.providers.media.documents/document/image:105724，uid=10471 需要 android.permission.MANAGE_DOCUMENTS , 或 grantUriPermission()

根据我的阅读，MANAGE_DOCUMENTS 是“签名”权限，不能添加到 manifest.xml 或由 react native android 权限 API 授予。

有什么方法可以授予或传递 react-native-fs 此权限，或者我可以使用任何解决方法来选择任何文件而不会出现错误？我做错了吗？ 我尝试使用 react-native-get-real-path 从内容 uri 获取文件 uri 并获取内容 uri 以获取 blob，但它似乎不起作用。

谢谢

【参考方案1】：

在我发现问题后回答我的问题：RNFS.readFile 仅在提供原始 res.uri 时才有效，您不必通过 decodeURIComponent 对其进行解码。

正确的代码是：

RNFS.readFile(res.uri, "base64").then(result =>

    console.log(result)
)

【讨论】：

我需要 decodeURIComponent for ios 所以我使用它取决于平台

【参考方案2】：

对于遇到此问题的任何人，请确保您不要将 decodeURIComponent 用于 Android。但是您仍然必须将其用于IOS。以下代码 sn-p 可在两个平台上运行

import  Platform  from 'react-native';
import DocumentPicker from 'react-native-document-picker';

const file = await DocumentPicker.pick();
const uri = Platform.select(
  android: file.uri,
  ios: decodeURIComponent(file.uri)?.replace?.('file://', ''),
);

const base64File = await RNFS.readFile(uri, "base64");
// Your file handling here