用React打开PDF文件

时间:2019-05-06 19:34:23

标签: node.js reactjs pdf

您好,我正在尝试打开保存在src之外的PDF文件,我只想在其他窗口中打开pdf以获得上一步。我试图用pdf的路径向后端发送发布请求,我获取了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));

1 个答案:

答案 0 :(得分:2)

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

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

此外,react中有一个包装程序,您可以检出:

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