当前位置: 首页 > news >正文

uniapp 微信小程序根据后端返回的文件链接打开并保存到手机文件夹中【支持doc、docx、txt、xlsx等类型的文件】

项目场景:

我们在使用uniapp官方提供的uni.downloadFile以及uni.saveFile时,会发现这个文件下载的默认保存位置和我们预想的不太一样,容易找不到,而且没有提示,那么我们就需要把文件打开自己保存并且有提示保存到哪个文件夹里这样方便我们查找


解决方案:

uniapp下载文件
用到了uniapp的两个api,不用uni.saveFile的自动保存方法,用uni.openDocument然后让用户自己点击右上角三个点自己保存方便用户后续查找

uni.downloadFile // 下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。
uni.openDocument // 新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx。

方法:

// 下载文件oneClickDownload(url) {// 下载文件资源到本地uni.downloadFile({url: url, // 后端返回的线上文件路径success: function(res) {if (res.statusCode === 200) {//打开文档查看uni.openDocument({filePath: res.tempFilePath,//关键的一步,showMenu为true才会有文件右上角的三个点下载保存按钮,不写的话只能查看不能保存showMenu: true,success: function(ress) {console.log("成功打开文件")},fail() {console.log("打开文件失败")}})}}});},

使用的话直接 res.Data换成后端给的文件地址链接即可,直接调用就直接打开了文件

this.oneClickDownload(res.Data)  

手机上运行截图:
在这里插入图片描述

http://www.lryc.cn/news/400671.html

相关文章:

  • 一群追星星的人,对AI的盼与怕
  • 同步IO、异步IO以及五种网络IO模式
  • IP-Guard日志数据上传至 SYSLOG 服务器操作指南
  • 线程安全(二)synchronized 的底层实现原理、锁升级、对象的内存结构
  • 【学习笔记】无人机(UAV)在3GPP系统中的增强支持(十四)-无人机操控关键绩效指标(KPI)框架
  • 数电基础 - 半导体存储
  • 校园工会体育报名小程序的设计
  • 2024Datawhale AI夏令营---基于术语词典干预的机器翻译挑战赛--学习笔记
  • 手机下载APP (uniapp/vue)
  • python数据可视化(5)——绘制饼图
  • 实习随笔【iviews的Select实现‘与全部互斥’的多选】
  • 网站架构核心要素
  • XML 解析异常问题解决
  • C# 匿名方法、Lambda、Linq概念及联系
  • django ninja get not allowed 能用 put delete
  • 服务器操作集合
  • 论文阅读【时空+大模型】ST-LLM(MDM2024)
  • 【linux基础】linux远程传输三种免交互方式
  • MySQL篇:事务
  • 处理在 electron 中使用开启了懒加载的 el-image 后,窗口最大化或窗口尺寸变化后图片无法显示的问题
  • Electron 进程间通信
  • 0基础学python-8:if,while,for
  • 低空经济持续发热,无人机培训考证就业市场及前景剖析
  • [IDEA插件] JarEditor 编辑jar包(直接新增、修改、删除jar包内的class文件)
  • JavaScript系列:JS实现复制粘贴文字以及图片
  • 音视频入门基础:H.264专题(14)——计算视频帧率的公式
  • LeetCode-返回链表倒数第K个节点、链表的回文结构,相交链表
  • Linux 网络配置与连接
  • 5. 基于Embedding实现超越elasticsearch高级搜索
  • 探索Docker网络配置和管理