小程序中打开网页和pdf

简介: 打开网页的方法有两种第一种是最简单的微信官方提供的方法,直接把要打开的网页地址赋给web-view标签的src属性 第二种需要引入一个第三方插件,下面的写法只适用于wepy框架中,其他框架中写法略有不同。

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

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

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

<template>
<view>
    //插件中的固定写法
    <import src="../../wxParse/wxParse.wxml" />
    <template is="wxParse" data="{{wxParseData:article.nodes}}" />
    <view wx:if='article' class='addclass'></view>
</view>
</template>
<script>
//引入插件
import WxParse from "../../wxParse/wxParse";
export default class webview extends wepy.page {
    data = {
        //网页地址路径
        article: '',
    }
    methods = {
    }
    async onLoad(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)
                }
            })
        },
相关文章
|
5天前
|
JavaScript 前端开发
nodejs实现解析chm文件列表,无需转换为PDF文件格式,在线预览chm文件以及目录,不依赖任何网页端插件
nodejs实现解析chm文件列表,无需转换为PDF文件格式,在线预览chm文件以及目录,不依赖任何网页端插件
|
8月前
|
Python
Python3,2行代码,多种方法,直接把网页内容转换成PDF文档和图片。
Python3,2行代码,多种方法,直接把网页内容转换成PDF文档和图片。
158 0
|
9月前
|
小程序 前端开发 安全
uniapp中解析markdown支持网页和小程序
对于`markdown`相信大家都不陌生,日常写文档或日常记录都用到的比较多,书写的是`markdown`的格式,实时预览的是转换后的`html`样式。本次实现的需求是在`uniapp`中转换`markdown`文本展示在不同的平台,主要平台是浏览器使用和微信小程序使用。
168 1
|
8月前
|
移动开发 小程序
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
289 0
|
5天前
|
Web App开发 JavaScript 前端开发
网页VUE纯前端在线预览编辑Office,支持doc/docx、xls/xlsx、ppt/pptx、pdf等格式
随着互联网技术的不断发展,越来越多的企业开始采用在线办公模式,微软Office Word 是最好用的文档编辑工具,然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的,如果可以实现Web在线预览编辑OffIce,肯定会还带来了更高效、便捷的办公体验,为我们的工作带来了更多可能性。
651 0
|
5天前
|
人工智能 Python
【Python实用技能】建议收藏:自动化实现网页内容转PDF并保存的方法探索(含代码,亲测可用)
【Python实用技能】建议收藏:自动化实现网页内容转PDF并保存的方法探索(含代码,亲测可用)
58 0
|
5天前
|
编解码 小程序 算法
短剧系统开发(网页版/APP/小程序)丨短剧系统开发运营版及源码出售
短剧系统开发功能旨在为用户提供观看、分享和交流短剧作品的平台,涉及多种功能和特性,
|
5天前
|
移动开发 负载均衡 小程序
代驾app开发丨代驾系统开发玩法详情丨代驾系统开发网页版/H5/小程序及源码部署
**司机/代驾员端**:司机可以通过APP接收订单,查看订单详情、路线和导航,提供现场服务并进行确认。
|
5天前
|
存储
如何解决网页中的pdf文件无法下载?pdf打印显示空白怎么办?
如何解决网页中的pdf文件无法下载?pdf打印显示空白怎么办?
221 0
|
5天前
|
小程序 前端开发 容器
(详细,及遇到的问题)将html网页小程序变成灰色
(详细,及遇到的问题)将html网页小程序变成灰色
79 0

热门文章

最新文章