Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 要用于文件上载的组件是什么?_Javascript_Reactjs_React Native_File Upload - Fatal编程技术网

Javascript 要用于文件上载的组件是什么?

Javascript 要用于文件上载的组件是什么?,javascript,reactjs,react-native,file-upload,Javascript,Reactjs,React Native,File Upload,我知道这是一个简单的问题,但我在任何地方都找不到。我正在用react native创建应用程序,我需要上传用户的图片(我发现你们可以这么做),但也需要上传用户想要的任何文件 问题是,我找到的只是如何上传图片而不是文件的教程。通过RESTAPI发送数据并没有问题,我所需要的只是一些允许用户上传文件的组件。在react网页中,您可以仅使用文件类型创建经典输入,但不能在react native中创建 TLDR,react native等效于: <input type="file" onChang

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

问题是,我找到的只是如何上传图片而不是文件的教程。通过RESTAPI发送数据并没有问题,我所需要的只是一些允许用户上传文件的组件。在react网页中,您可以仅使用文件类型创建经典输入,但不能在react native中创建

TLDR,react native等效于:

<input
type="file" onChange={e => {
//function that processes files here
}}/>
{
//在此处理文件的函数
}}/>

感谢您提前给出答案…

您好,您可以像这样使用react原生文档选择器

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文件、图像或音频文件,您也可以这样做。

,您可能想看看这个。@AnshulBansal我看到了,但它看起来就像REST上载助手本身(并添加了进度条),而不是让用户选择要上载的文件的组件。在他上传图片的例子中,用户实际上并没有选择图片,而是随机挑选。我需要的是让用户选择文件的组件,我可以在以后使用它们。