微信小程序实现下载功能（以下载视频为例）

lee2813

已于 2024-01-12 21:48:19 修改

阅读量1.1w

点赞数 12

分类专栏：微信小程序文章标签：小程序

于 2021-04-23 21:15:27 首次发布

本文链接：https://blog.csdn.net/Tom870223050/article/details/116071261

版权

微信小程序专栏收录该内容

6 篇文章

订阅专栏

首先，采用 wx.downloadFile（）方法，访问视频对应的Url,回调函数返回一个该视频文件的临时路径。
在这里插入图片描述

 wx.downloadFile({
            url: app.serverUrl + me.data.videoInfo.videoPath,
            success: function (res) {
              // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
              if (res.statusCode === 200) {
              //打印临时路径
                console.log(res.tempFilePath);

         
              }
            }
          })

然后采用 wx.saveVideoToPhotosAlbum（）方法，保存视频到系统相册，成功！
在这里插入图片描述

       wx.saveVideoToPhotosAlbum({
                  filePath: res.tempFilePath,
                  success:function(res) {
                    console.log(res.errMsg)
                    wx.hideLoading(); 
                  }
                })

完整代码如下
//downloadFile.js

wx.showLoading({
            title: '下载中...',
          })
          wx.downloadFile({
              //视频信息的Url
            url: app.serverUrl + me.data.videoInfo.videoPath,
            success: function (res) {
              // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
              if (res.statusCode === 200) {
                console.log(res.tempFilePath);

                wx.saveVideoToPhotosAlbum({
                  filePath: res.tempFilePath,
                  success:function(res) {
                    console.log(res.errMsg)
                    wx.hideLoading(); 
                  }
                })
              }
            }
          })