javascript - React/JS 从源读取文件内容

Question

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

我的源代码中有一个 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变量。我认为我可能必须使用某种 FileReader 但我无法弄清楚这一点。有什么帮助吗？

顺便说一句，我不能使用任何第三方 react 组件。

Answer 1

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