移动端预览pdf处理

若需要在移动端浏览器,微信内置浏览器等预览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>;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 做好旅游攻略,尽兴享受旅程。下面这份清单提供了一份简洁的索引,让你能够轻松做出一份漂亮的旅游攻略。 1、确定出行人...
    波米诺不知道阅读 498评论 0 1
  • 如果今生我选择你, 你就是我的末来。 没有你的日子, 我只能选择…… 这是赵世锋,那是艾雨,人称“风雨组合”。 一...
    乌江张建华阅读 1,287评论 17 48