律师小程序开发:在小程序中打开网页和pdf

  • 2018-09-20
  • 7147

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

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

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

//插件中的固定写法

//引入插件

import WxParse from "../../wxParse/wxParse";

export default class webview extends wepy.page {

data = {

//网页地址路径

article: '',

}

methods = {

}

async onl oad(options) {

let ret = await api.rentalContracts({

id: this.id,

method: 'GET'

});

this.article = ret.data

//调用插件中的方法设置article中的网页路径

WxParse.wxParse('article', 'html', this.article, this, 1);

}

}

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

preview() {

let that=this.

wx.downloadFile({

url: 'https://www.*******.com/contract/default/pdf',

success: function(res) {

console.log(res)

var Path = res.tempFilePath //返回的文件临时地址,用于后面打开本地预览所用

that.webview=Path

wx.openDocument({

filePath: Path,

success: function(res) {

console.log('打开文档成功')

}

})

},

fail: function(res) {

console.log(res)

}

})

},

相关阅读

律师微信小程序自定义导航栏

律师小程序开发:在微信小程序中渲染HTML内容

律师小程序开发:去掉或隐藏小程序顶部栏navigationBar

律师小程序开发:小程序点赞收藏功能

律师小程序开发:在小程序wxml文件中编写js代码

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询