uni-app 小程序文件下载并分享

需求背景

有一些文件比如 pdf，用户需要下载之后进行打印，或者分享给其他好友

uni-app用到的api

uni.downloadFile https://uniapp.dcloud.io/api/request/network-file?id=downloadfile
uni.saveFile https://uniapp.dcloud.io/api/file/file?id=savefile
uni.openDocument https://uniapp.dcloud.io/api/file/file?id=opendocument

其实把文件保存到本地的意义不是很大，因为手机跟pc端不一样，用户可以选择磁盘，选择文件去保存，手机上保存用户很难去找到这个文件，尤其 ios ，所以要实现类似需求，我们只能换一个方式去实现，我们可以从后台拿到文件，然后用户去分享给好友，然后再从pc端去下载，或者微信里面用其他软件打开之类的。

uni.downloadFile({url: `${fileDownload}?access_token=${token}&fileId=${res.data.file_id}`, // 文件下载地址success: response => {if (response.statusCode === 200) {uni.saveFile({tempFilePath: response.tempFilePath,success: (resData) => {uni.openDocument({filePath: resData.savedFilePath,fileType: 'pdf', // 指定文件的格式showMenu: true, // 允许出现分享功能success: r => {console.log(r)},fail: openError => {console.log('打开失败: ', openError)}})},fail: error => {console.log('error: ', error)}})}}
})

uni-app 小程序文件下载并分享相关推荐

uni.app小程序的ajax封装详细讲解
我懒得说了 //放url相同的片段 const rootUrl = ""// 示例: ajax({ url:'/api/login', param: param, method: ...
uni.app小程序登录页持久化存储和退出后清除本地缓存
持久化存储在store里面的user.js(自己创建的)中 export default {state: {status: false, //登录的状态,获取数据中status是1,登录成功时状态为 ...
uni.app小程序失焦聚焦，表单验证
<input type="text" placeholder="请输入手机号/邮箱/账号" v-model="username" @f ...
uni.app小程序实现跳转获取数据
式例如上图所示 (前提是点击索引获得的id与获得数据的id是一样的) 首先是获取文档的数据我用的async await来获取数据,也可以用.then方法获取数据 async onLoad() {le ...
uniapp中的分享功能实现(APP,小程序，公众号)
uniapp中的分享功能实现(APP,小程序,公众号) 1.APP端的分享 app端的分享可以直接使用uniapp封装的方法uni.share,uni-app的App引擎已经封装了微信.QQ.微博的分 ...
uni开发微信小程序解决全局分享分销问题
uni开发微信小程序解决全局分享分销问题 1. 需求 1.小程序内每个页面都要打开胶囊分享按钮并实现分销 2.分享功能应该是在用户登录之后才予以打开 3.不想做在每个页面都写分享钩子的傻逼操作 2.实 ...
uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能
uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能官网提供的api进行的开发,自我感觉没啥问题,但是在不同的端上好像有的好使有的不好使,暂时不知道啥 ...
微信小程序将支持分享到朋友圈；美团入局社区团购；Kotlin 1.4-M3 发布 | 极客头条
整理 | 屠敏头图 | CSDN 下载自东方 IC 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 一分钟 ...
微信小程序闭环处理 App -- 小程序 -- 企业微信 + 公众号
App -- 小程序之间的交互 1)App 跳小程序指定页面微信官方文档:接入指南 // 以下为H5部分的代码,客户端也需要根据文档做相应的改动 let bridge = window.WebVie ...

uni-app 小程序文件下载并分享

需求背景

uni-app用到的api

uni-app 小程序文件下载并分享相关推荐

最新文章

热门文章