小程序下载文件保持原有的文件名并打开保存的源文件
创始人
2024-11-10 01:37:31

我们使用uniapp开发小程序时,经常会有文件下载和保存操作,关于文件的保存操作,可参考我的上一篇文章,这里我主要介绍下下载的时候如何保存原来的名称,并且打开也打开原来的文件。

下载文件的API uni.downloadFile 提供一个文件地址,可以实现下载,但是但是保存位置是当前小程序提供的临时地址。

更具以上问题,如果想要保存我们指定的地址并且,保存原来的名称的话,需要我们指定地址。

const oldName: String = decodeURI(res.data); //这里是接口返回文件url   const startIndex = oldName.lastIndexOf("/") + 1;   // 提取文件名  const fileName: String = oldName.substring(startIndex);// 截取文件名称部分  // 这样我们得到文件名称。  uni.downloadFile({    url: oldName,    filePath: `ttfile://user/${fileName}`,  // 这就是我们指定的下载位置,ttfile://user/ 这是飞书的固定常亮,微信/支付宝等都有对应的常量    success: (res) => {          },    fail: (err) => {          },  }); 

decodeURI 这个要注意,如果你的文件名称中含有汉字,最好还是处理下。
关键就是这个位置 ttfile://user/ (飞书的文件目录),这样我们就把文件保存到对应应用的指定目录下。

接下来我们怎么打开这个文件

我们使用uniapp的打开文件api uni.openDocument这就是打开文件api.

uni.openDocument({     filePath: `ttfile://user/${fileName}`,     showMenu: true,     success: () => {       console.log("打开文档成功");     },     fail: () => {       console.log("文件打开失败");     },   }); 

ttfile://user/${fileName} 这个就是你上次保存的位置,这样就打开具体的文件。

如果不经过上述操作,下载的时候,不指定位置,则打开文件只能打开刚才下载的临时文件。

根据需求吧,如果产品有强制要求要打开原来的文件,文件名称必须和后端接口返回的文件名称一致。这个办法还是很好的。

相关内容

热门资讯

裸辞做“一人公司”,我后悔了 去年这个时候,一位以色列程序员正在东南亚旅行。他顺手把一个在脑子里转了很久的想法做成了产品,一个让任...
南京建成国内首个Pre-6G试... 4月21日,2026全球6G技术与产业生态大会在南京开幕。全息互动技术展台前,一名远在北京的工作人员...
超梵求职受邀参加“2025抖音... 超梵求职受邀参加“2025抖音巨量引擎成人教育行业生态大会”,探讨分享优质内容传播,服务万千学员。 ...
摩托罗拉Razr 2026(R... IT之家 4 月 22 日消息,摩托罗拉宣布新一代 Razr 折叠手机将于 4 月 29 日在美国发...
库克卸任,特纳斯领航:苹果新纪... 苹果首席执行官蒂姆·库克将卸任,硬件工程主管约翰·特纳斯将接任,苹果公司今天宣布此事。 库克将在夏季...