若需要在移動端瀏覽器,微信內置瀏覽器等預覽pdf文件,ios是可以直接打開文件鏈接,安卓總是提示讓你安裝QQ瀏覽器。
react項目中 可以安裝react-pdf來處理預覽pdf的問題
npm install react-pdf --save
import { Document, Page } from 'react-pdf';
export default class Example extends Component {
onDocumentLoadSuccess = ({ numPages }) => {
// 獲取文件總頁數
this.setState({
totalPages: numPages,
});
};
render() {
const { match, location, history } = this.props;
return <div>
<Document
file={'文件地址'}
onLoadSuccess={this.onDocumentLoadSuccess}
>
<Page pageNumber={pdf文件中當前頁碼} />
</Document>
</div>;
}