Javascript React/JS从源读取文件内容

Javascript React/JS从源读取文件内容,javascript,reactjs,pdf,Javascript,Reactjs,Pdf,我有一个react应用程序,通过创建react应用程序创建 我的源文件中有一个PDF文件,我可以通过以下方式将其导入我的react组件: 从“/Sample.pdf”导入pdf; 导入上述文件后,如果在react组件的渲染方法中执行以下操作: render(){console.log(pdf,{pdf});返回 我在控制台中打印正确的文件路径,例如: /static/media/Sample.ab029b91.pdf{pdf:/static/media/Sample.ab029b91.pdf

我有一个react应用程序,通过创建react应用程序创建

我的源文件中有一个PDF文件,我可以通过以下方式将其导入我的react组件:

从“/Sample.pdf”导入pdf;

导入上述文件后,如果在react组件的渲染方法中执行以下操作:

render(){console.log(pdf,{pdf});返回

我在控制台中打印正确的文件路径,例如:

/static/media/Sample.ab029b91.pdf{pdf:/static/media/Sample.ab029b91.pdf}

现在,我想对这个pdf文件的内容进行base64编码(发送到不同的HTTP服务器)。我如何做到这一点?我知道要进行http调用或添加参数,我只需要读取PDF文件内容并将其base64编码为JS变量。我想我可能不得不使用某种文件阅读器,但我无法理解这一点。有什么帮助吗

我不能为此btw使用任何第三方react组件。

您可以使用url加载器--。这类似于文件加载器,但通过对DataURL的支持,您可以使用url加载器--。这类似于文件加载器,但支持DataURL