小程序中打开网页和pdf

打开网页的方法有两种第一种是最简单的微信官方提供的方法，直接把要打开的网页地址赋给web-view标签的src属性

1. <web-view src="{{article}}"> </web-view>

第二种需要引入一个第三方插件，下面的写法只适用于wepy框架中，其他框架中写法略有不同。

1. <template>
2. <view>
3. //插件中的固定写法
4. <import src="../../wxParse/wxParse.wxml" />
5. <template is="wxParse" data="{{wxParseData:article.nodes}}" />
6. <view wx:if='article' class='addclass'></view>
7. </view>
8. </template>
9. <script>
10. //引入插件
11. import WxParse from "../../wxParse/wxParse";
12. export default class webview extends wepy.page {
13. data = {
14. //网页地址路径
15. article: '',
16. }
17. methods = {
18. }
19. async onLoad(options) {
20. let ret = await api.rentalContracts({
21. id: this.id,
22. method: 'GET'
23. });
24. this.article = ret.data
25. //调用插件中的方法设置article中的网页路径
26. WxParse.wxParse('article', 'html', this.article, this, 1);
27. }
28. }

打开phf文件给按钮定义一个preview方法，在downloadFile方法中调用wx.openDocument方法就可以实现。

1. preview() {
2. let that=this.
3. wx.downloadFile({
4. url: 'https://www.*******.com/contract/default/pdf',
5. success: function(res) {
6. console.log(res)
7. var Path = res.tempFilePath //返回的文件临时地址，用于后面打开本地预览所用
8. that.webview=Path
9. wx.openDocument({
10. filePath: Path,
11. success: function(res) {
12. console.log('打开文档成功')
13. }
14. })
15. },
16. fail: function(res) {
17. console.log(res)
18. }
19. })
20. },