扣丁学堂web前端培训详解微信小程序文件下载--视频和图片

2019-04-24 14:11:43 2384浏览

今天扣丁学堂HTML5前端培训老师给大家分享一篇关于详解微信小程序文件下载--视频和图片的介绍，文中通过示例代码介绍的非常详细，下面我们一起来看一下吧。

文件下载（遇到的坑）

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

0.1图片下载wx.saveImageToPhotosAlbum(Objectobject)

0.2视频下载wx.saveVideoToPhotosAlbum(Objectobject)

以上算是两大类

2.路径问题

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

不支持怎么处理需要使用

DownloadTaskwx.downloadFile(Objectobject)

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

也就是说通过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: '图片以保存至您的手机',
      })
     },
   })
  }
 })

以上关于扣丁学堂web前端培训详解微信小程序文件下载--视频和图片的整合，希望对大家有所帮助，想要了解更多关于HTML5开发方面内容的小伙伴，请关注扣丁学堂HTML5培训官网、微信等平台，扣丁学堂IT职业在线学习教育有专业的HTML5讲师为您指导，此外扣丁学堂老师精心推出的HTML5视频教程定能让你快速掌握HTML5从入门到精通开发实战技能。扣丁学堂H5技术交流群：673883249。

                            

     【关注微信公众号获取更多学习资料】        【扫码进入HTML5前端开发VIP免费公开课】  

查看更多关于“HTML5开发技术资讯”的相关文章>>