w***@163.com
w***@163.com
  • 发布:2019-12-24 15:40
  • 更新:2022-11-25 14:52
  • 阅读:19788

在uni-app中使用pdf.js预览 pdf文件

分类:uni-app

主要根据 掘金上的这篇博文 跨平台(uni-app)文件在线预览解决方案 设置,但是遇到了几个坑,和大家分享下:

  • 出现跨域问题
    可以将 view.js 的
       if (origin !== viewerOrigin && protocol !== 'blob:') {  
        throw new Error('file origin does not match viewer\'s');  
      }

注释掉

  • 无法读取文件流
    uniapp一读取文件流就闪退。可以下载后读取。但是下载后按照原方法,会被读取view.js下的路径,需要用H5+的api转换成绝对路径
        onLoad() {  
            uni.downloadFile({  
                url: 'http://192.168.18.28:8280/webupload/service/sys/file/upload/download?appKey=accessKey&prodID=prodID&fileID=3494049602848768',  
                success: (result) => {  
                    var tempFilePath = result.tempFilePath  
                    let fileUrl = plus.io.convertLocalFileSystemURL(tempFilePath)  
                    this.allUrl = this.viewerUrl + '?file=' + fileUrl  
                }  
            })  
        }
3 关注 分享
Wistone l***@163.com g***@163.com

要回复文章请先登录注册

FullStack

FullStack

pdf转图片、pdf幻灯片、pdf预览(ios、andorid):[https://ext.dcloud.net.cn/plugin?id=10215](https://ext.dcloud.net.cn/plugin?id=10215)
2022-11-25 14:52
谭小谭

谭小谭

所以还是要下载下来才能预览?
2021-04-01 15:10
4***@qq.com

4***@qq.com

红请教,如何实现,直接打开pdf进入全屏模式,指定页码,指定 横竖模式
2020-06-01 07:27