如何使用'react-file-picker'中的FilePicker在React中显示用户上传的PDF？
coder_coder123
我的目标是允许用户从其文件浏览器上载pdf，然后单击“查看”按钮，便可以看到该PDF文件。
我目前正在使用react-file-picker上传文件，但这似乎不起作用。
我知道有人会发表评论，例如“ Look it up”或类似的内容，但是我有。到目前为止，我所看到的所有示例仅针对可以在各种在线URL上找到的PDF量身定制。我显然不是在使用URL，而是从用户文件浏览器中获取实际的pdf。
目前，我有一种方法可以显示上传文件时要使用的实际按钮，并且有一个附加的方法可以在文件上传后处理该按钮。我需要以下handleFileChange方法的帮助，以便可以显示pdf。如果'FilePicker'不是一个很好的选择，那么谁能为我提供有关好的React工具的建议，这些工具将帮助我实现这一目标？
谢谢你的帮助！
我上传文件的代码： 
科迪·沃尔
查看pdf-viewer-reactjs的文档。它会满足您的需求，并且看起来易于实现。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
React：如何使用react-image-picker选择多个图像
- 2
如何在 React-native 中使用 Picker 设置状态？
- 3
如何修复iOS中的react-native-date-picker？
- 4
如何在React Native中使用expo-image-picker上传图像
- 5
显示使用React Native Image Picker拍摄的照片
- 6
如何使用React Native Image Crop Picker将新图像添加到阵列中？
- 7
使用react-native-image-crop-picker上传React-Native axios图像
- 8
如何设置标准React-Native Android Picker的样式？
- 9
React native：如何风格化Picker（边框和箭头）？
- 10
React Native中的Expo-Image-Picker
- 11
React Native 添加 Picker 数组
- 12
我如何从Picker onValueChange中的react-native中获取标签
- 13
如何使用webpack模块捆绑器实现react-date-range-picker？
- 14
如何使用android styles.xml设置react-native picker的样式？
- 15
如何使用react-native-image-crop-picker多次拍摄照片
- 16
如何在网络中显示带有file_picker的拾取图像？
- 17
如何在网络中显示带有file_picker的拾取图像？
- 18
如何在react-native-day-picker中初始化状态？
- 19
如何在React-Native中隐藏Picker选择手柄
- 20
react-native-document-picker：键入错误->调用document picker时未定义的document picker。在react native 0.61.2中显示
- 21
如何使用React中的PDF JS Express从PDF中删除突出显示注释
- 22
将Picker绑定到React Native中的Picker.Item列表
- 23
使用OneDrive File Picker API将文件上传到默认文件夹
- 24
如何在 React Native 中显示 Facebook 用户名？
- 25
如何使React-Day-Picker月份水平并排而不是垂直对齐
- 26
如何等待React Native Image Picker回调函数响应？
- 27
React Native：如何获取Picker的值并将其添加到Flatlist
- 28
使用react-daterange-picker的Typescript错误“此调用无重载。”
- 29
使用 RNFetchBlob.fs.cp 和从 react-native-document-picker 获得的 uri 导致错误
我来说两句