美文网首页
移动端预览pdf处理

移动端预览pdf处理

作者: 木景蔓 | 来源:发表于2019-09-25 17:55 被阅读0次

若需要在移动端浏览器,微信内置浏览器等预览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>;
}

相关文章

  • 移动端预览pdf处理

    若需要在移动端浏览器,微信内置浏览器等预览pdf文件,ios是可以直接打开文件链接,安卓总是提示让你安装QQ浏览器...

  • vue移动端pdf预览

    pdf预览,在项目中是很常见的需求,在PC端web项目中,我们可以使用window.open(url)直接打开pd...

  • vue移动端PDF预览

    1. 效果展示 2. pdfView.vue编写 3. PdfList.vue编写 如果编译时遇到 Module...

  • pdf.js的使用实例

    最近 vue项目要在移动端实现在线浏览pdf,所以想到用pdf.jspdf.js可以实现在线预览pdf文档,核心部...

  • 手机端pdf预览

    项目需求: 实现h5页面中预览pdf,主要是微信中。HTML 、iframe 元素用在pc端还行,移动端不兼容,...

  • 显示 pdf--pdf.js使用方法

    在做项目的时候有时需要将一个pdf文件展示出来,pc端可以直接使用 就可以打开pdf预览但是在移动端时,这种方法是...

  • vue+better-scroll+pdfjs-dist实现pd

    前些天,公司的一个移动端项目中,有个这样的需求,点击按钮,请求后台获取PDF地址,实现PDF预览,需要放大缩小翻页...

  • vue 移动端查看预览pdf文件

    我使用的是 vue-pdf,另外pdfjs-dist也可以实现(详情见下文)。 效果图: 需求: 报告查询页面需要...

  • 实现在线预览PDF的几种解决方案

    因客户需要实现PDF的预览处理,在网上找了一些PDF在线预览的解决方案,有的用PDFJS的在线预览方式,有的使用P...

  • 使用pdf.js在移动端手机预览PDF

    PDF文件在电脑浏览器上可以直接预览,但是换到手机上就预览不了了。尴尬~~~ 遍寻百度千百遍》找到了pdf.js这...

网友评论

      本文标题:移动端预览pdf处理

      本文链接:https://www.haomeiwen.com/subject/madiuctx.html