React / JS从源读取文件内容

时间:2017-09-13 11:03:02

标签: javascript reactjs pdf

我有一个反应应用程序,通过:create-react-app

创建

我的源代码中有一个PDF文件,可以通过以下方式导入到我的反应组件中

import pdf from "./Sample.pdf";

导入上述文件后,如果在我的react组件的render方法中,如果我执行了:

render() {console.log(pdf, {pdf}); return ...... }

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

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

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

我不能使用任何第三方反应组件。

1 个答案:

答案 0 :(得分:0)

您可以使用url-loader - https://github.com/webpack-contrib/url-loader。这与文件加载器类似,但支持DataURL