当前位置: 首页 > 编程笔记 >

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

谷梁楷
2023-03-14
本文向大家介绍详解微信小程序文件下载--视频和图片,包括了详解微信小程序文件下载--视频和图片的使用技巧和注意事项,需要的朋友参考一下

文件下载(遇到的坑)

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: '图片以保存至您的手机',
       })
      },
    })
   }
  })

以上所述是小编给大家介绍的微信小程序文件下载视频和图片详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍微信小程序激励式视频广告组件使用详解,包括了微信小程序激励式视频广告组件使用详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序搜索:短视频去水印解析 目前微信小程序针对个人来说广告是最好的变现方式,广告主要分为: 1. Banner 2. 激励式视频 3. 插屏 Banner广告很简单,插入代码就可以显示 这里介绍下激励式视频广告实现(观看完整广告奖励积分): 小程序体验: 总

  • 本文向大家介绍微信小程序 video组件详解,包括了微信小程序 video组件详解的使用技巧和注意事项,需要的朋友参考一下 主要属性: 效果图: ml: js: 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 本文向大家介绍微信小程序 form组件详解,包括了微信小程序 form组件详解的使用技巧和注意事项,需要的朋友参考一下 表单: 将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交 主要属性: 效果图:  ml: ss: js: 复制代码 注意: form表单组件 是提交form内的所有选中属性的值, 注意

  • 本文向大家介绍微信小程序 wxapp地图 map详解,包括了微信小程序 wxapp地图 map详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序 wxapp地图 map: map 属性名 类型 默认值 说明 longitude Number   中心经度 latitude Number   中心纬度 scale Number 1 缩放级别 markers Array   标记点 covers

  • 本文向大家介绍微信小程序 条件渲染详解,包括了微信小程序 条件渲染详解的使用技巧和注意事项,需要的朋友参考一下 1,wx.if 在微信小程序中,小程序是使用wx.if="{{条件}}"来判断是否渲染该代码块,用法如下: <view wx.if="{{条件}}">True</view> 也可以用wx.elif和wx.else来添加一个else块,事例如下: <view wx:if="{{a>1}}"

  • 本文向大家介绍微信小程序 视图容器组件的详解及实例代码,包括了微信小程序 视图容器组件的详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 微信小程序 视图容器组件详解: 小程序给出的视图容器组件有三个:</view>、</scroll-view>和</swiper>: 1、</view> 视图容器 </view>相当于html中的</div>标签,有四个属性: hover和hover-cla