文件上传使用什么组件?

时间:2018-08-06 19:21:30

标签: javascript reactjs react-native file-upload

我知道这是一个简单的问题,但是我在任何地方都找不到。我正在使用react native创建应用程序,我需要上传用户图像(我发现可以做到),但也需要上传用户想要的任何文件。

问题是,我发现的只是教程,其中介绍了如何上传图片而不是文件。通过REST API发送数据没有问题,我所需要的只是一个实际上允许用户上传文件的组件。在react网页中,您只能使用类型文件创建经典输入,而不能在react-native中创建

TLDR,什么是本机等效:

<input
type="file" onChange={e => {
//function that processes files here
}}/>

感谢您提前提出答案...

1 个答案:

答案 0 :(得分:1)

@therian,您可以使用react-native-document-picker之类的

import { DocumentPicker, DocumentPickerUtil } from 'react-native-document-picker';

使用上述软件包

// iPhone/Android
DocumentPicker.show({
  filetype: [DocumentPickerUtil.allFiles()],
},(error,res) => {
  // Android
  console.log(
     res.uri,
     res.type, // mime type
     res.fileName,
     res.fileSize
  );
});

通过使用以上软件包,用户可以手动选择用户想要的pdf文件,图像和所有类型的文件。

如果您只想选择pdf文件或图像或音频文件,您也可以这样做。