【前端】小程序实现预览pdf并导出

devtools/2024/12/5 3:20:16/

小程序实现预览pdf并导出

  • 一、前言
  • 二、需要的wx api
  • 三、完整代码

一、前言

小程序没办法直接导出pdf或一些文档,只能借助api先将文件下载下来并打开,再让用户手动去保存。之前做“小程序当前页面截图转pdf导出”功能的时候,小程序好像也无法实现。所以要打开文件,都让后端去做吧,要么给前端一个文件地址,要么返回二进制文件流,这样小程序就能打开文件了。

二、需要的wx api

  • downloadFile(下载文件)

在这里插入图片描述

  • openDocument(打开文件) 在这里插入图片描述
    showMenu设置为true才能支持用户把文件下载到本地

三、完整代码

const preViewPdf = (url) => { // 预览pdfuni.showLoading({title: '加载中',mask: true})return new Promise((resolve, reject) => {uni.downloadFile({url: baseUrl + url,header: {'Authorization': store.state.token},success: (res) => {if (res.statusCode === 200) {uni.openDocument({filePath: res.tempFilePath,showMenu: true, //显示右上角三个点,支持手动保存到本地success: (res) => {uni.hideLoading()resolve(true)},fail: (err) => {uni.hideLoading()resolve(true)uni.showToast({title: '打开失败',icon: 'none'})}})}},fail: (err) => {uni.hideLoading()uni.showToast({title: '下载失败',icon: 'none'})}})})
}

http://www.ppmy.cn/devtools/139511.html

相关文章

【从理论到应用】HTTP请求响应详解 (请求数据格式,请求方式,Web开发中的体现)

目录 一.HTTP协议 二.HTTP请求数据格式 请求方式 三.Web开发中的HTTP请求与响应 接收HTTP请求 同一响应格式 四.使用第三方工具发送HTTP请求(Apifox、postman、Yapi) 一.HTTP协议 HTTP(Hypertext Transfer Protocol,超…

[docker中首次配置git环境与时间同步问题]

11月没写东西,12月初赶紧水一篇。 刚开始搭建docker服务器时,网上找一堆指令配置好git后,再次新建容器后忘记怎么配了,,这次记录下。 一、git ssh指令法,该方法不用每次提交时输入密码 前期准备&#xff0…

详解 YOLOv5 模型运行参数含义以及设置及在 PyCharm 中的配置方法

详解 YOLOv5 模型运行参数含义以及设置及在 PyCharm 中的配置方法 这段代码中使用的命令行参数允许用户在运行 YOLOv5 模型时自定义多种行为和设置。以下是各个参数的详细说明和使用示例,以及如何在 PyCharm 中设置这些参数以确保正确运行带有参数的脚本。 命令行…

HTML技术贴:深入理解网页构建基础

引言 HTML(HyperText Markup Language)是构建网页和网络应用的基石。它是一种用于定义网页内容结构的标记语言,通过一系列的元素(elements)和属性(attributes),HTML文档告诉浏览器如…

【阅读记录-章节5】Build a Large Language Model (From Scratch)

目录 5. Pretraining on unlabeled data5.1 Evaluating generative text models5.1.1 Evaluating generative text models5.1.2 Calculating the text generation loss评估模型生成文本的质量 5.1.3 Calculating the training and validation set losses 5.2 Training an LLM5.…

CTF之密码学(密码特征分析)

一.MD5,sha1,HMAC,NTLM 1.MD5:MD5一般由32/16位的数字(0-9)和字母(a-f)组成的字符串 2.sha1:这种加密的密文特征跟MD5差不多,只不过位数是40(sha256:64位;sha512:128位) 3.HMAC:这…

Android直接播放麦克风采集到的声音

Android直接播放麦克风采集到的声音 Android直接播放麦克风采集到的声音_android 调用麦克风获取语音流-CSDN博客 class RecordThread extends Thread{ static final int frequency 44100; static final int channelConfiguration AudioFormat.CHANNEL_CONFIGURATION_MON…

【React 进阶】掌握 React18 全部 Hooks

一、数据更新驱动 1. useState 1. 基础介绍 useState主要用于声明和操作状态变量,可以使函数组件像类组件一样拥有state const [state, setState] useState(initialState);state:状态,作为渲染视图的数据源 setState:改变st…