使用 React 打开 PDF 文件答案

【问题标题】：Open PDF file with React使用 React 打开 PDF 文件
【发布时间】：2019-09-24 10:47:59
【问题描述】：

您好，我正在尝试打开保存在 src 之外的 PDF 文件，我只想在另一个窗口中打开该 pdf 以获取 prev。我尝试使用 pdf 的路径向后端发送一个 post 请求，我收到一个 pdf 字符串，有什么方法可以打开吗？

这是我的路线：

app.post('/open',(req,res)=>{
  var data =fs.readFileSync(req.body.path);
  res.contentType("application/pdf");
  res.send(data);
});

这是我的反应方法

const data = {
            path: './files/BENH970204HJCRVM01_ac.pdf'
        }
        axios
            .post('http://localhost:8000/open',data)
            .then(res=>{
                console.log("ok");
            }).catch(err=>console.log(err.response.data));

【问题讨论】：

标签： node.js reactjs pdf

【解决方案1】：

在浏览器中呈现 PDF 的一个好方法是使用 Mozilla 的pdf-js。

https://github.com/mozilla/pdf.js/

另外，react 中有一个包装器，您可以查看：

https://www.npmjs.com/package/react-pdf-js

【讨论】：

如果他的问题是如何渲染 pdf，他会向他推荐什么。很高兴看到 React 有一个包装器。