在微信小程序中使用uni-app预览pdf文件

在之前的项目中,有一个是需要使用在H5中预览pdf文件,当时使用了hybrid来预览,

现在是需要一套程序,两处使用,因此下边将会展示小程序中预览文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// #ifdef MP */  是区分运行的环境,在小程序中可使用如下方法
      uni.downloadFile({
           url: item.link,//文件地址
           success: function (res) {
                var filePath = res.tempFilePath;
                uni.openDocument({
                      filePath: filePath,
                      showMenu: false//这个参数可设置你预览的文件能否被直接转发,此次是设置是否展示分享菜单
                      success: function (res) {
                       }
                  });
           }
     });
 /* #endif */
 /* #ifdef H5 */       //这里是H5中的写法
       uni.navigateTo({
                url: '/pages/index/pdfview?url='+item.link+'',
        })
 /* #endif */

  根据以上代码,即可在使用uni-app开发的小程序中预览文件

posted @   冰晨之露  阅读(2453)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示