在iOS 下是可以直接打开pdf 文件url 进行预览的。如果你的小程序是公司主体,会多出一个业务域名的设置选项。

设置好域名后,再使用web-view 打开对应的文件就可以了。

<web-view src="{{url}}">web-view>

要注意文件路径中不能含有中文,否则会无法正确打开。

在安卓下使用web-view 来预览pdf 文件这个方法就行不通了,安卓系统会直接下载pdf 文件,非常尴尬。

这个时候就要使用微信小程序提供的文件下载和打开功能了。

wx.downloadFile({      url: id ,      success: function (res) {        console.log(res)        var Path = res.tempFilePath              //返回的文件临时地址,用于后面打开本地预览所用        wx.openDocument({          filePath: Path,          success: function (res) {            console.log('打开成功');          }        })      },      fail: function (res) {        console.log(res);      }    })

这样就成功打开文档,这个方法在iOS 中也是可以正常使用的。不过这时候可以看到已经跳出了小程序,而无法使用小程序提供的功能菜单了。

比较好的方法是在iOS 中使用web-view,在安卓中使用downloadFile,这个时候就需要一个判定系统的方法。

微信小程序提供了wx.getSystemInfo获取设备信息的接口,直接调用就可以了。

wx.getSystemInfo({      success: function (res) {        that.setData({          systemInfo: res        });      }    })

systemInfo.platform 就是系统名称,然后再分别调用不同的方法预览文档即可。

小程序pdf预览插件_微信小程序中预览 PDF 文档相关推荐

  1. 微信小程序下拉框插件_微信小程序下拉框组件使用方法详解

    本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下 适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等 一.省市三级联动使用 注意mode = ...

  2. 微信小程序下拉框插件_微信小程序自定义select下拉选项框组件的实现代码_清玖_前端开发者...

    知识点:组件,animation,获取当前点击元素的索引与内容 微信小程序中没有select下拉选项框,所以只有自定义.自定义的话,可以选择模板的方式,也可以选择组件的方式来创建. 这次我选择了组件, ...

  3. 微信小程序下拉框插件_微信小程序三级联动下拉框插件

    //点击事件,点击弹出选择页 areaTap: function () { this.setData({ addressMenuIsShow:true }) }, cityCancel: functi ...

  4. 微信小程序 等待几秒、_微信小程序—setTimeout定时器的坑

    背景 实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中, ...

  5. 小程序获取城市行政区号_微信小程序 省市区选择器实例详解(附源码下载)

    微信小程序 省市区选择器: 最近学习微信小程序,为了检验自己的学习效果,自己做一个小示例,网上搜索下类似的实例,发现这个更好,大家看下. 一.区域间手势滑动切换,标题栏高亮随之切换 思路是:拿当前的c ...

  6. 微信小程序开发分销制度济南_微信小程序分销规则你清楚吗?

    大家在刚开始接触小程序的时候,好多人都被其中的分销功和简洁应用的模式所带来的红利所吸引,但到如今,使用小程序的用户是多了起来,但真正把小程序运营好的商家却很少.这是为什么呢,原因就在于,商家还不会利用 ...

  7. 微信小程序 等待几秒、_微信小程序—setTimeOut定时器的问题及解决

    背景 实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中, ...

  8. 微信小程序点播插件_微信小程序 wxParse插件显示视频问题

    修改wxParse/html2json.js 文件 ,在 html2json(html, bindName)方法里 var node = { node: 'element', tag: tag, }; ...

  9. 微信小程序点播插件_微信小程序商城直播插件测试

    直播现在真的是太火了,除了各大平台之外,做为品牌方和商家也都在想各种办法开始做直播.腾讯去年针对电商场,上线上腾讯直播,主播端采用的是看点直播APP,只能使用苹果手机.观众端使用小程序观看,满足了一部 ...

  10. base64 pdf解码无法打开_微信小程序使用echarts导出PDF

    百度一搜,发现都在用echarts-for-weixin,demo运行,效果不错. 开始往项目里集成,集成完毕,兴高采烈真机测试一下吧,小程序代码限制1024k,echarts包太大(700多k),去 ...

最新文章

  1. nethogs 查看 Linux 进程的网络使用
  2. python帝国cms_Python的类
  3. C语言嵌入式系统编程修炼之四:屏幕操作
  4. sudo密码一直出错
  5. STL总结 (C++)
  6. MFC非模态对话框实例
  7. C语言 函数值传递和址传递 - C语言零基础入门教程
  8. MySQL中通配类型各自作用_在Access数据库中。在查找操作中,通配符*、?与#各有什么作用?...
  9. ./configure: error: the HTTP rewrite module requires the PCRE library.
  10. ACM图论、网络流题目总结
  11. 单链表创建以及头插、尾插(一)-(B站)史上最强最细腻的linux嵌入式C语言学习教程【李慧芹老师】
  12. 如何正确地跟二维码里的神仙打架?给小朋友讲解二维码原理
  13. 一个网站直接跳转引起的一些思考
  14. 基于寒武纪CNCodec 做视频编解码遇到的一些问题
  15. JS获取DOM元素的方法
  16. ubuntu 20.04 | 设置开机启动脚本
  17. matlab-----除去图像中的小圆圈
  18. CoreImage各种filter
  19. SQL修改视图中列名和字段长度
  20. 【经验】申请联合培养博士出国

热门文章

  1. YUV420图像旋转
  2. 新宝解读大盘单边攀升突破3600点 大金融崛起
  3. 机器学习系列手记(六):概率图模型之概率图模型的联合概率分布
  4. android信鸽推送demo_腾讯信鸽推送(java版)
  5. jtopo实现左键框选,右键拖拽(拓扑图),以及设置成不能拖动
  6. 写给2018考研的你
  7. 条形码技术应用属于计算机系统的,条形码技术在现代物流系统中的应用
  8. TAOCP-READING-1.3'-1
  9. 快速理解旋转运动公式
  10. qtableview 查询_QTableView 操作SQLite