zoukankan      html  css  js  c++  java
  • 微信小程序base64图片保存到手机相册

    问题:base64图片不能直接用wx.saveImageToPhotosAlbum保存到手机相册

    解决:

    先用fs.writeFile写入本地文件,再wx.saveImageToPhotosAlbum保存到手机相册

    saveimg:function(){
        var _this=this
        //获取文件管理器对象
        const fs = wx.getFileSystemManager()
        
        //文件保存路径
        const Imgpath = wx.env.USER_DATA_PATH + '/qrcodeImg' + '.png'
        //_this.data.imgsrc   base64图片文件
        let imageSrc = _this.data.imgsrc.replace(/^data:image/w+;base64,/, '')
        
        //写入本地文件
        fs.writeFile({
          filePath: Imgpath,
          data: imageSrc,
          encoding: 'base64',
          success (res) {
            console.log(res)
            
            //保存到手机相册
            wx.saveImageToPhotosAlbum({
              filePath: Imgpath,
              success(res) {
                console.log(res)
                wx.showToast({
                  title: '保存成功',
                  icon: 'success'
                })
              },
              fail:function(err){
                console.log("失败了")
                console.log(err)
              }
            })
            
            
          }
        })
      },
    

    存储的话上面就可以实现了,下面是如果需要,删除文件的方法

    项目中有遇到过,因为接口返回的画海报的图片是base64的图片,需要先存为本地文件才可以画图,canvas画完海报素材还在临时文件中,不一会就满了,这时候就需要将临时文件中不需要的文件删除了,就用到如下方法:

    Object wx.env

    小程序环境变量对象

    wx.env.USER_DATA_PATH

    文件系统中的用户目录路径

    let fs = wx.getFileSystemManager()
    //获取文件 Stats 对象
    fs.stat({
      // `${}` 是es6中新增的字符串方法
      // ` 返单引号
      path: `${wx.env.USER_DATA_PATH}`,
      recursive: true,
      success: res => {
        //获取到stats对象
        
        //Object.keys(要返回其枚举自身属性的对象)  返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致
        Object.keys(res.stats).forEach(path => {
          var stats = res.stats[path]
          
          //删除指定路径的文件
            fs.unlink({
              filePath:`${wx.env.USER_DATA_PATH}`+stats.path,
              success:function(res){
                //删除成功
              },
              fail:function(res){
                //删除失败
              }
            })
            
        })
      },
    fail:res=>{
    //失败
    }
    })
    

    获取的stats对象:

    Object.keys(res.stats):

  • 相关阅读:
    2017ecjtu-summer training # 9 HDU 4544
    2017ecjtu-summer training #6 Gym 100952D
    HDU 1241 DFS
    集训队选拔赛 day4
    Educational Codeforces Round 67 (Rated for Div. 2)
    Codeforces Round #566 (Div. 2)
    Codeforces Round #567 (Div. 2)
    Codeforces Round #568 (Div. 2)
    Codeforces Round #569 (Div. 2)
    牛客练习赛48
  • 原文地址:https://www.cnblogs.com/kerin/p/14158250.html
Copyright © 2011-2022 走看看