• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

在uni-app微信小程序保存图片到本地相册

武飞扬头像
超爱学习芸
帮助1

实现在uniapp微信小程序中点击按钮,保存图片到本地相册,具体实现方法:

template中

<button class="haibaobtn" @click="handledownload">保存图片</button>

js中

  1.  
    handledownload(){
  2.  
    const that = this
  3.  
    uni.downloadFile({
  4.  
    url: '图片地址',
  5.  
    success: res => {
  6.  
    if (res.statusCode === 200) {
  7.  
    uni.saveImageToPhotosAlbum({
  8.  
    filePath: res.tempFilePath,
  9.  
    success: function() {
  10.  
    uni.showToast({
  11.  
    title: '保存成功',
  12.  
    duration: 2000
  13.  
    })
  14.  
     
  15.  
    },
  16.  
    fail: function() {
  17.  
    uni.showToast({
  18.  
    title: '保存失败',
  19.  
    duration: 2000
  20.  
    })
  21.  
     
  22.  
    }
  23.  
    })
  24.  
    } else {
  25.  
    uni.showToast({
  26.  
    title: '保存失败',
  27.  
    duration: 2000
  28.  
    })
  29.  
    }
  30.  
    }
  31.  
    })
  32.  
    }
学新通

手机运行:

学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgahfbg
系列文章
更多 icon
同类精品
更多 icon
继续加载