详解微信小程序文件下载--视频和图片

Z时代
2024-01-10
分类：综合

文件下载（遇到的坑）

1.要区分下载的内容是什么

0.1 图片下载wx.saveImageToPhotosAlbum(Object object)

0.2 视频下载wx.saveVideoToPhotosAlbum(Object object)

以上算是两大类

2.路径问题

图片文件路径，可以是临时文件路径或永久文件路径，不支持网络图片路径

不支持怎么处理需要使用

DownloadTask wx.downloadFile(Object object)

下载文件资源到本地。客户端直接发起一个 HTTPS GET 请求，返回文件的本地临时路径

也就是说通过Download把网络路径变成本地临时路径

3.我的代码（图片下载案例，视频的需要使用wx.saveVideoToPhotosAlbum）


 var url = '网络图片'
  wx.downloadFile({
   url: url, //下载资源的地址网络
   success: function (res) {
    //console.log(res)
    // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
    if (res.statusCode === 200) {
     wx.playVoice({
      filePath: res.tempFilePath
     })
    }
    // 保存图片到本地
    wx.saveImageToPhotosAlbum({
     filePath: res.tempFilePath,
     success:
      function (data) {
       //console.log(data);
       wx.showModal({
        title: '下载成功',
        content: '图片以保存至您的手机',
       })
      },
    })
   }
  })