uniapp 微信小程序 预览pdf方法

效果图:

1、在小程序中

bash 复制代码
// #ifdef MP */  是区分运行的环境,在小程序中可使用如下方法
 uni.downloadFile({
   url: item.link,//文件地址
    success: function (res) {
         var filePath = res.tempFilePath;
         uni.openDocument({
               filePath: filePath,
               showMenu: false,  //这个参数可设置你预览的文件能否被直接转发,此次是设置是否展示分享菜单
               success: function (res) {
                }
           });
    }
 });
 /* #endif */

2、在H5中

bash 复制代码
 /* #ifdef H5 */       //这里是H5中的写法
  uni.navigateTo({
       url: '/pages/index/pdfview?url='+item.link+'',
   })
 /* #endif */
相关推荐
一只小白菜~39 分钟前
web浏览器环境下使用window.open()打开PDF文件不是预览,而是下载文件?
前端·javascript·pdf·windowopen预览pdf
计算机-秋大田2 小时前
基于微信小程序的农场管理系统的设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
_处女座程序员的日常7 小时前
Rollup failed to resolve import “destr“ from ***/node_modules/pinia-plugin-pers
javascript·uni-app·vue
2401_8441379513 小时前
PHP中小学优校管理系统小程序源码
微信·微信小程序·小程序·微信公众平台·微信开放平台
流形填表15 小时前
pdf的统计图表数据提取;图表转excel
pdf·excel
慢慢雨夜16 小时前
uniapp打包华为,提示请提供64位版本软件包后再提交审核
uni-app
秋雨凉人心16 小时前
uniapp 设置安全区域
前端·javascript·vue.js·uni-app
Little_Code16 小时前
uniapp 如何使用vuex store (亲测)
uni-app·vuex·store
咸虾米_16 小时前
uniCloud云对象调用第三方接口,根据IP获取用户归属地的免费API接口,亲测可用
网络·uni-app·unicloud
iSee85716 小时前
美团代付微信小程序 read.php 任意文件读取漏洞复现
微信小程序·小程序·php