ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

小程序文件下载并保存文件名打开

2020-10-09 22:33:07  阅读:273  来源: 互联网

标签:文件 存储 文件名 res filePath 保存 下载 wx


小程序文件下载并写入存储并以非临时文件名打开

1.接口调整基础

盼星星,盼月亮,终于盼来了微信小程序SaveFile接口的调整,以前10M限制的时代一去不复返了。

以前超过10M的文件想要打开,只可以通过临时文件的方式,打开文件前需要判断文件大小,只有小于10M的文件才可以写入存储,以非临时文件的形式打开。

临时文件无法由开发者指定文件名称

2.文件上传注意事项

  1. 文件上传完成后必须记录上传文件的名称(或者自命名并记录)。
  2. 不可将文件以数据流的形式存储进入数据表中(分布式文件数据库可以)。

文件上传具体部分代码解析,请参见我的另一篇博客:https://www.cnblogs.com/masterchd/p/12319440.html

文末会附上上传的实现效果和对应代码开源地址。

3.文件下载

此部分包含三个功能点

  1. 文件写入系统存储
  2. 文件下载进度监听
  3. 清空文件缓存

此处以下载云存储中文件为例(非云存储代码文末附上地址)

文件下载和进度监听

downFile(e) {
    this.clv(); //清理缓存部分代码
    var fdetail = e.currentTarget.dataset.detail;
    var iscloud = this.data.cloud;
    var downloadTask = null;//下载进度监听器
      downloadTask = wx.cloud.downloadFile({
        fileID: fdetail.fileurl,
        success(res) {
          var finfo = wx.getFileInfo({
            filePath: res.tempFilePath,
            success: f => {
              wx.getFileSystemManager().saveFile({
                tempFilePath: res.tempFilePath,
                filePath: `${wx.env.USER_DATA_PATH}` + "/" + fdetail.filename,
              })
              wx.showModal({
                title: '是否打开文件',
                content: '',
                success(ans) {
                  if (ans.confirm) {
                    wx.openDocument({
                      filePath: wx.env.USER_DATA_PATH + "/" + fdetail.filename,
                    })
                  }
                }
              })
            }
          })

        }
      })
      downloadTask.onProgressUpdate((res) => {
        this.setData({
          jindu: res.progress
        })
      })
    

  },

文件缓存清理

clv() {
    wx.getSavedFileList({ // 获取文件列表
      success(res) {
        res.fileList.forEach((val, key) => { // 遍历文件列表里的数据
          // 删除存储的垃圾数据
          wx.removeSavedFile({
            filePath: val.filePath
          });
        })
      }
    })
  },

4.整体效果展示

参考

1.开源项目地址(代码):https://gitee.com/Kindear/yamako_procedure

2.微信社区更新公告:https://developers.weixin.qq.com/community/develop/doc/000e64a2010bd8da540bf44085e401

标签:文件,存储,文件名,res,filePath,保存,下载,wx
来源: https://www.cnblogs.com/masterchd/p/13789233.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有