微信小程序-长按图片保存到相册

最新推荐文章于 2024-08-13 10:18:00 发布

chibimarukochan

最新推荐文章于 2024-08-13 10:18:00 发布

阅读量7k

点赞数 2

分类专栏：微信小程序

本文链接：https://blog.csdn.net/ChibiMarukoChan/article/details/90232466

版权

本文介绍了如何在微信小程序中实现长按图片并将其保存到用户相册的功能。首先，检查用户是否授权写入相册权限，接着针对网络图片使用wx.downloadFile进行下载，对于本地图片则使用wx.getImageInfo获取信息，最后通过wx.saveImageToPhotosAlbum将图片保存至相册。

摘要由CSDN通过智能技术生成

首页需要通过 wx.getSetting 先查询一下用户是否授权了写入相册权限；
其次对于网络图片，可调用wx.downloadFile下载文件资源到本地；
然后非网络图片，可以调用wx.getImageInfo(Object object)获取图片信息；
最后调用wx.saveImageToPhotosAlbum，保存图片到系统相册。

1.wxml代码

长按保存bindlongtap方法

<image src="{
  {hosts}}/images/phonePage.png" class="img" bindlongtap='saveImg'></image>

2.js代码

  /****长按保存图片 */
  saveImg: function () {
    let that=this
    wx.getSetting({
      success(res) {
        //未授权 先授权 然后保存
        if (!res.authSetting['scope.writePhotosAlbum']) {
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success(re) {
              that.saveToBlum();
            }
          })
        }else{
         //已授 直接调用保存到相册方法
          that.saveToBlum();
        }
      }
    })  
  },