H5页面预览PDF文件(react项目为参照)

1、引入react-pdf包

yarn add react-pdf

或者

npm install react-pdf --save

2、项目引入react-pdf

import { Document, Page, pdfjs } from 'react-pdf'

pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`

3、运用


                    
    
onDocumentLoadSuccess = numPages => {
    // numPages是总页数
    this.setState({ pageNumber: numPages })
    console.log(numPages)
}

 

你可能感兴趣的:(react办公小细节)