小程序模板网

小程序中打开网页和pdf

2018-08-29 楚狂子

打开网页的方法有两种第一种是最简单的微信官方提供的方法,直接把要打开的网页地址赋给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. },


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/24747.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询