uni-app轻松实现PDF预览功能（Android ios 通用）

@TOC(uni-app轻松实现PDF预览功能（Android ios 通用）)

uni-app轻松实现PDF预览功能（Android ios 通用）

遇到一个需求，需要实现uni-app的pdf预览功能，网上找到好几个相关的链接，但在一些地方有点不符合我的需求，特此记录。

• 本文章大量借鉴了其他文章的内容，侵权必删

• 注：本文章仅仅实现了pdf的预览功能，如需要更高级的pdf预览功能，请自行寻找其他页面

1. 前置准备

需要下载pdf.js,然后放到uni-app项目的一个目录下，这里我放到了/static/pdf目录下

2. 相关代码

2.1 前端代码

    <template>

        <view>

            <web-view :src='fileUrl'>web-view>

        view>

    template>

    <script>

        export default {
     

            data() {
     

                return {
     

                    fileUrl:'',

                    isShow: false,

                    viewerUrl:'/static/pdf/web/viewer.html',//pdf.js中用来渲染PDF的html

                    showPreview: true

                }

            },

            onLoad(option) {
     

                let href = option.href;