React / JS从源代码读取文件内容

Question

我有一个通过以下方式创建的React应用程序：create-react-app

我的来源中有一个PDF文件，可以通过以下方式将其导入到我的react组件中：

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，但我无法弄清楚。 有什么帮助吗？

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

Answer 1

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