如何在使用React Native Web时选择文件？
如何在使用React Native Web时选择文件？
提问于 2019-12-27 11:42:59
我们正在构建一个使用react native的应用程序，但我们不会发布第一个版本的本机版本。我们仍在使用web (为此使用react-native-web )。
然而，我坚持使用文件上传功能，因为要使用react原生组件，我们需要执行原生权限(但我们不是在原生部署它，所以浏览器中没有这样的功能)。但同时，我不能使用简单的<input type=“file” />，因为UI构建在react本机特定的标记上(例如<View> / <Image>等)。
对此有解决方案吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-01-01 00:21:39
这里有一个对你有用的建议！
考虑到在react-native-web中，您可以指定特定于平台的文件，如果您可以创建一个单独的上传文件组件，例如'fileUploader.web.js'，并且您可以将其与此包https://github.com/react-dropzone/react-dropzone结合使用
<Dropzone ref="_dp" onDrop={uploadPhotos}>
<Text>TEXT HERE</Text> // you can remove this completely
</Dropzone>实际上，您可以将dropzone设置为完全不可见，并使用以下命令触发文件选择器：
this.refs._dp.open()请记住，这只处理web平台，您需要为其他平台创建一个fileUploader
Stack Overflow用户
发布于 2020-01-06 02:33:04
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59495723
复制相关文章
相似问题
腾讯云开发者
