uniapp实现app移动端在线预览pdf文件

<template>
    <view style="width: 100%;" >
        <web-view  :src="allUrl"></web-view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                src: '',
                allUrl:'',
                viewerUrl: '/hybrid/html/web/viewer.html', // 格式化文件流的一个js 文件 
            }
        },
        onl oad(options) {
                let fileUrl = encodeURIComponent("pdf的地址") // encodeURIComponent 函数可把字符串作为 URI 组件进行编码。
                this.allUrl = this.viewerUrl + '?file=' + fileUrl
          }
    }
</script>

<style>

</style>

hybrid.zip

标签：uniapp,viewerUrl,app,hybrid,html,pdf,fileUrl,allUrl
来源： https://www.cnblogs.com/yundeblog/p/15791604.html