记录在uniapp中如何下载图片到相册

直接上代码 ,this.er2是图片地址

 xiazi() {
      // 触发下载(实际上是保存到相册)
      wx.downloadFile({
        url: this.er2,
        success: function (res) {
          console.log(22, res);
          // tempFilePath可以作为img标签的src属性显示图片
          const tempFilePath = res.tempFilePath;
          wx.saveImageToPhotosAlbum({
            filePath: tempFilePath,
            success(res) {
              wx.showToast({
                title: '保存成功',
                icon: 'success',
                duration: 2000
              });
            }
          });
        }
      });
    },

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在uniapp下载视频到相册,可以使用uniapp提供的原生能力,即uniapp的原生插件。 首先,需要在uniapp项目引入原生插件。可以在manifest.json文件的"uniPlugins"字段添加视频下载插件的引用,例如: ```json "uniPlugins": { "videoDownloader": { "name": "video-downloader", "version": "1.0.0", "provider": "your.plugin.provider" } } ``` 然后,在需要下载视频的页面,调用视频下载方法。可以使用uni.request方法发送HTTP请求,下载视频文件,并保存到手机的临时目录。具体代码如下: ```javascript uni.request({ url: 'http://example.com/video.mp4', // 视频的下载链接 success: (res) => { if (res.statusCode === 200) { uni.downloadFile({ url: res.tempFilePath, // 临时文件路径 success: (downloadRes) => { if (downloadRes.statusCode === 200) { // 调用原生插件将视频保存到相册 uni.requireNativePlugin('videoDownloader').download({ filePath: downloadRes.tempFilePath, success: () => { uni.showToast({ title: '视频保存成功', icon: 'success' }); }, fail: () => { uni.showToast({ title: '视频保存失败', icon: 'none' }); } }); } else { uni.showToast({ title: '下载视频失败', icon: 'none' }); } } }); } else { uni.showToast({ title: '获取视频信息失败', icon: 'none' }); } } }); ``` 以上代码通过uni.request方法获取视频文件的下载链接,并通过uni.downloadFile方法将视频文件下载到手机的临时目录。然后,调用原生插件的download方法将视频保存到相册。如果保存成功,会显示一个成功的Toast提示;如果保存失败,会显示一个失败的Toast提示。 需要注意的是,以上代码仅供参考,具体实现方式可能因插件和版本而异。请根据实际情况进行相应的更改和调试。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值