Javascript 如何从';使用FilePicker在React中显示用户上载的PDF;react文件选择器';?

Javascript 如何从';使用FilePicker在React中显示用户上载的PDF;react文件选择器';?,javascript,reactjs,react-native,pdf,file-upload,Javascript,Reactjs,React Native,Pdf,File Upload,我的目标是允许用户从他们的文件浏览器上传一个pdf文件,点击一个写着“查看”的按钮,他们就能看到那个pdf文件 我目前正在使用react文件选择器上载文件,但这似乎不起作用 我知道有人会评论“查一查”之类的东西,但我有。到目前为止,我看到的所有示例都是针对PDF定制的,这些PDF可以在各种在线URL上找到。我显然没有使用URL,而是使用用户文件浏览器中的实际PDF 目前,我有一个显示上传文件时要使用的实际按钮的方法,还有一个附加的方法在上传文件后处理该文件。我需要以下handleFileChan

我的目标是允许用户从他们的文件浏览器上传一个pdf文件,点击一个写着“查看”的按钮,他们就能看到那个pdf文件

我目前正在使用react文件选择器上载文件,但这似乎不起作用

我知道有人会评论“查一查”之类的东西,但我有。到目前为止,我看到的所有示例都是针对PDF定制的,这些PDF可以在各种在线URL上找到。我显然没有使用URL,而是使用用户文件浏览器中的实际PDF

目前,我有一个显示上传文件时要使用的实际按钮的方法,还有一个附加的方法在上传文件后处理该文件。我需要以下handleFileChange方法的帮助,以便显示pdf。如果“FilePicker”不是一个好的选择,有人能给我提供一些关于好的React工具的建议来帮助我实现这一点吗

谢谢你的帮助

我上传文件的代码:


查看pdf查看器。它可以满足您的需要,而且看起来很容易实现。

这可能是一个愚蠢的问题,但我看到他们正在使用实际的在线URL来获取PDF。那么,如何从用户的文件资源管理器中获取文件?谢谢这是一个好问题,您可以使用URL.createObjectURL为上传的pdf创建一个临时URL。是一个很好的解释的示例用例。你是上帝直接派来的,哈哈。工作得很有魅力!非常感谢你!