微信小程序-文件下载

整体思路:

wx.getSetting:获取用户授权。

wx.downloadFile:下载文件资源到本地,客户端直接发起一个 HTTPS GET 请求,返回文件的本地临时路径 (本地路径),单次下载允许的最大文件为 200MB。

wx.saveImageToPhotosAlbum:保存文件到本地相册。

注意重复高频点击事件。

1、图片、视频文件保存到本地相册

下载文件获取临时文件-转移文件到相册(相册写入未授权,需要设置授权)

复制代码
wx.downloadFile({
      url: '', // 链接地址
      success (res) { 
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath, // 图片临时路径
          success(res) { 
             
          },
          fail(res) {
            if(res.errMsg.indexOf("saveImageToPhotosAlbum:fail")>-1){ 
              wx.showModal({
                title: '提示',
                content: '需要您授权保存到相册',
                showCancel: false,
                success: ses => {
                  wx.openSetting({
                    success(settingdata) { 
                      if (settingdata.authSetting['scope.writePhotosAlbum']) {
                        wx.showModal({
                          title: '提示',
                          content: '获取权限成功,再次点击即可保存',
                          showCancel: false,
                        })
                      } else {
                        wx.showModal({
                          title: '提示',
                          content: '获取权限失败,将无法保存到相册哦~',
                          showCancel: false,
                        })
                      }
                    },
                    fail(failData) { 
                    },
                    complete(finishData) { 
                    }
                  })
                }
              });
            };
          }
        })  
      }
    })
相关推荐
whinc1 天前
🚀 两年小程序开发,我把踩过的坑做成了开源 Skills
前端·微信小程序·ai编程
Lupino1 天前
烧掉 10 刀 API 费,我才明白小程序虚拟列表根本不用“库”!
react.js·微信小程序
小溪彼岸3 天前
是时候给想做小程序的小伙伴泼盆冷水了
微信小程序
远山枫谷3 天前
一文理清页面/组件通信与 Store 全局状态管理
前端·微信小程序
木易士心4 天前
一文读懂:微信小程序云数据库直连原理与使用指南
微信小程序·serverless
明月_清风5 天前
小程序云函数:从入门到全栈的“降维打击”指南
前端·微信小程序·小程序·云开发
拉不动的猪5 天前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
WangHappy7 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端8 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker8 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序