微信小程序实现下载功能(以下载视频为例)「建议收藏」

微信小程序实现下载功能(以下载视频为例)「建议收藏」一、wx.downloadFile()方法:访问视频对应的Url,回调函数返回一个该视频文件的临时路径。wx.downloadFile({url:app.serverUrl+me.data.videoInfo.videoPath,success:function(res){//只要服务器有响应数据,就会把响应内容写入文件并进入success回调,业务需要自行判断是否下载到了想要的内容

大家好,又见面了,我是你们的朋友全栈君。

首先,采用 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(); 
                  }
                })
              }
            }
          })
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150583.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • C#委托的介绍(delegate、Action、Func、predicate)

    C#委托的介绍(delegate、Action、Func、predicate)

    2021年9月2日
    47
  • linux(1)Mac上传文件到Linux服务器

    linux(1)Mac上传文件到Linux服务器前言我们使用mac时,想让本地文件上传至服务器,该怎么办呢windows系统,我们可以使用xftp或者rz命令,那么mac呢?mac系统,我们可以使用sftp、scp或者rz命令,本文介绍sft

    2022年7月29日
    3
  • No qualifying bean of type [XXX.XXX] found for dependency 解决方法「建议收藏」

    No qualifying bean of type [XXX.XXX] found for dependency 解决方法「建议收藏」源代码:@ServicepublicclassUserServiceimplementsUserServices{@AutowiredUserMapperuserMapper;publicbooleanAddUserInfo(Useruser){if(userMapper.insert(user)>0)

    2022年8月22日
    3
  • # 创业计划书-样例参考五千套(二)

    # 创业计划书-样例参考五千套(二)创业计划书-某地广电综合信息网方案创业计划书-某电广传媒股份有限公司2204年年度报告创业计划书-某地轻工业调查报告创业计划书-某电信公司某城市分公司网站建设策划方案创业计划书-某电子报税系统项目建议书创业计划书-某电子科技公司商业计划书创业计划书-某冬枣项目商业计划书创业计划书-某度假村策略思考及广告执行计划创业计划书-某段堤防工程可行性研究报告创业计划书-某多媒体搜索技术商业计划书创业计划书-某儿童购物网商业计划书创业计划书-某发电公司事故处理与调查管理标准创业计划书-某房地产开

    2022年4月30日
    58
  • 避免在移动端页面中使用100vh

    避免在移动端页面中使用100vh100vh带来的问题在CSS中,视口单位(Viewportunits)听起来不错。如果要设置一个元素的样式使它占据整个屏幕的高度,那么你可以设置height:100vh,这样你就拥有一个完美的全屏元素,该元素会随着视口的变化而调整大小!可惜的是,事实并非如此。100vh在移动浏览器中以一种微妙但基本的方式被破坏,使其几乎无用。最好避免使用100vh,而应该通过javascript设置高度的方…

    2022年5月1日
    43
  • DOM笔记(三):Element接口和HTMLElement接口

    DOM笔记(三):Element接口和HTMLElement接口

    2021年9月2日
    57

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号