您当前的位置: 首页 > 解决方案

小程序中打开网页和pdf

  • 作者: admin
  • 发布于 2018-08-23 13:49:24
  • 来源:  
  • 栏目:解决方案

导语: 打开网页的方法有两种第一种是最简单的微信官方提供的方法,直接把要打开的网页地址赋给web-view标签的src属性 <web-view src="{{article}}"> </web-view>第二种需要

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



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部