1

我正在尝试document picker用于我的react-native应用程序。我试过这个命令来安装文档选择器:npm i react-native-document-picker. 编写一些代码后,我首先在网络浏览器上打开我的应用程序。但是当我尝试单击选择文件的按钮时,总是会发生此错误。有没有人有解决这个问题的方法?

非常感谢大家。下面是我的代码示例

    import React from 'react';
    import {
      View,
      Button,
    } from 'react-native';
    import DocumentPicker from 'react-native-document-picker';
    
    export default function App() {
      const openDocument = async () => {
        try {
          const res = await DocumentPicker.pick({
            type: [DocumentPicker.types.allFiles],
          });
          console.log(
            res.uri,
            res.type, // mime type
            res.name,
            res.size
          );
        } catch (err) {
          if (DocumentPicker.isCancel(err)) {
            // User cancelled the picker, exit any dialogs or menus and move on
          } else {
            throw err;
          }
        }
      };
      return (
        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
          <Button title="Choose file" onPress={() => openDocument()} />
        </View>
      );
    }
4

1 回答 1

1

尝试

console.log(res);

如果它不为 NULL,则必须选择一个单个文件,它将 JSON 安全地保存到一个数组中。

try {
          const res = await DocumentPicker.pickSingle({
            type: [DocumentPicker.types.allFiles],
          });
          console.log(
            res.uri,
            res.type, // mime type
            res.name,
            res.size
          );
        }

如果你选择DocumentPicker.pick你必须做一个for循环

try {
          const res = await DocumentPicker.pickSingle({
            type: [DocumentPicker.types.allFiles],
          });
        for(i in res){
          console.log(
            i.uri,
            i.type, // mime type
            i.name,
            i.size
           );}
        }
于 2021-12-22T19:27:01.277 回答