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 */
相关推荐
海绵宝宝不喜欢侬几秒前
UniApp微信小程序-实现蓝牙功能
微信小程序·uni-app
Python大数据分析3 小时前
uniapp微信小程序商品列表数据分页+本地缓存+下拉刷新+图片懒加载
缓存·微信小程序·uni-app
机构师3 小时前
<uniapp><指针组件>基于uniapp,编写一个自定义箭头指针组件
javascript·uni-app·vue·html
小白_ysf3 小时前
uniapp和vue3项目中引入echarts 、lime-echart(微信小程序、H5等)
微信小程序·uni-app·echarts·h5·lime-echart
imHere·3 小时前
UniApp 分包异步化配置及组件引用解决方案
微信小程序·uni-app·分包
@AfeiyuO4 小时前
vue3 实现将页面生成 pdf 导出(html2Canvas + jspdf)
前端·pdf·vue
2501_916013745 小时前
App 上架全流程指南,iOS App 上架步骤、App Store 应用发布流程、uni-app 打包上传与审核要点详解
android·ios·小程序·https·uni-app·iphone·webview
canglingyue5 小时前
微信小程序加速计开发指南
微信小程序·小程序
0x0005 小时前
Uniapp - 自定义 Tabbar 实现
前端·uni-app
SY_FC6 小时前
uniapp发布成 微信小程序 主包内 main.wxss 体积太大
微信小程序·小程序·uni-app