react开发的项目如何实现在浏览器浏览PDF、word文件？

Question

直接指向文件名，好像会到首页（因为react-router配置过路径没被定义过会重定向到首页的关系）

import temp from '../../lib/doc/temp.docx';
console.log(temp)
// Uncaught Error: Module parse failed:

Answer 1

文件预览

Answer 2

PDF和word的web在线预览都需要做特殊的处理，pdf的话要使用pdfjs，word微软官方有实现，但没开源。所以word是不大可能在线预览的。

Answer 3

可能帮不上你的忙，我们这边是由后台处理的，后台统一将各种文件格式转成图片输出给前端。你以尝试跟后台沟通，如果你自己写那就用后台工具类去转吧。

Answer 4

npm install react-pdf-js

Answer 5

预览PDF的话前些天遇到过，如果你在本地的话，让后台把pdf传到服务器生成一个可以下载链接。

类似这种，然后用a标签直接herf到链接。

至于你说的由于router跳转到首页的问题，在实际项目中也遇到过，a标签herf的时候会在url后面进行拼接，但是这种情况只会在本地出现，你把项目打包扔到服务器上就可以了，具体原因还不清楚。

Answer 6

您好，你是用React查看pdf完成了吗，我也碰到了这个问题，有解决办法吗

Answer 7

我的是后台向前台传递了一个base64的pdf流 需要在前台展示 哪个大神知道说以一下