【日常点滴015】微信小程序直接下载文件到PC端

本文介绍两种微信小程序中实现文件下载至PC端的方法。方法一需手动添加文件后缀名,适合稍懂计算机的用户;方法二适用于zip文件,下载时保留后缀名并自动打开保存对话框。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

方法一 :

需要点击下载 =>手动给定后缀名=>保存
文档给的方法,但是保存时不显示后缀名,需要手动添加,保存后名字发生变化,但是能直接变成原来的文件样子,适合稍懂计算机的人

// 可行 手机存储到哪里的反应  电脑有打开存储对话框 但是全部不带后缀名
      console.log('这是saveFileToDisk方法')
      wx.saveFileToDisk({
        filePath: res.tempFilePath,
        success(res2){
          console.log('保存成功',res2)
        },
        faile(err2){
          console.log( '保存失败err2',err2)
        }
      })

方法二:

只需要点击下载 =>点击保存即可

 //该方法在PC端最可行 虽然文件保存时一般都没有后缀名 需要用户在保存时自己加后缀名,
      //但是 但是 但是如果是zip文件 则没有问题,只是下载时的名字发生变化,
      //zip文件的zip后缀还是带着的 而且会自动打开保存文件对话框 
      wx.saveImageToPhotosAlbum({
        filePath: res.tempFilePath,
      }).then(save => {
        console.log('保存成功', save)
      }).catch(error => {
        console.log('保存失败', error)
      })

下载函数内的全部代码

使用保存图片的方法,并且将文件都做成zip形式的,则在点击下载的时候就不用再单独设置文件后缀名了,而且解压后还是原来的文件,名字不变

  file_donwload(event) {
    console.log('准备下载', event.target.dataset.fileid)
    wx.cloud.downloadFile({
      fileID: event.target.dataset.fileid
    }).then(res => {
      // get temp file pathg
      console.log(res.tempFilePath)
      // 该方法只能返回临时路径 但是调不动 保存对话框
      // wx.saveFile({
      //   tempFilePath: res.tempFilePath,
      // }).then(save=>{
      //   console.log('保存成功',save)
      // }).catch(error=>{
      //   console.log( '保存失败',error)
      // })
      //该方法在PC端最可行 虽然文件保存时一般都没有后缀名 需要用户在保存时自己加后缀名,
      //但是 但是 但是如果是zip文件 则没有问题,只是下载时的名字发生变化,zip文件的zip后缀还是带着的 而且会自动打开保存文件对话框 
      wx.saveImageToPhotosAlbum({
        filePath: res.tempFilePath,
      }).then(save => {
        console.log('保存成功', save)
      }).catch(error => {
        console.log('保存失败', error)
      })
      // 可行 手机存储到哪里的反应  电脑有打开存储对话框 但是全部不带后缀名
      // console.log('这是saveFileToDisk方法')
      // wx.saveFileToDisk({
      //   filePath: res.tempFilePath,
      //   success(res2){
      //     console.log('保存成功',res2)
      //   },
      //   faile(err2){
      //     console.log( '保存失败err2',err2)
      //   }
      // })
    }).catch(error => {
      console.log('保存失败2', error)
    })
  },

附promise同时多张图片上传方法

link点击前往

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值