关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

小程序图片转Base64

发布时间:2020-12-03 18:14:49

现如今小程序越来越火,但对于开发人员来说开发小程序的时候经常会遇到一些非常棘手的问题。比如说小程序图片转Base64

一般开发人员通过小程序的Canvas绘图实现的,获取到图片后,把图片绘制到canvas上,然后通过wx.canvasGetImageData()方法获取到图片的png编码,在把png编码转成base64

用这种方法是可以把图片转为Base64的但是会出现一堆的问题,比如图片显示不全,或者只转了一部分,图片转Base64的时间稍长了点。不过最近微信官方终于出了相关的API操作文档为开发人员降低了开发的难度。下面就来看一看代码。

wx.chooseImage({
      success: res => {
      wx.getFileSystemManager().readFile({
          filePath: res.tempFilePaths[0], //选择图片返回的相对路径
          encoding: 'base64', //编码格式
          success: res => { //成功的回调
            console.log('data:image/png;base64,' + res.data)
          }
        })

        //以下两行注释的是同步方法,不过我不太喜欢用。
         //letbase64=wx.getFileSystemManager().readFileSync(res.tempFilePaths[0], 'base64') 
        //console.log(base64)
      }
    })



/template/Home/Zkeys/PC/Static