微信小程序常见图片格式转base64图片

1、在utils文件下新建一个auth.js文件(随便取一个名字,你开心就行),在里面添加以下代码

/**
* 图片转base64
 * @returns {Promise<any>} 返回一个 promise 对象,resolve 结果或 reject 错误
 */
function downloadAndConvert(filePath) {
    return new Promise((resolve, reject) => {
      if (filePath.indexOf('wxfile') ===0 || filePath.indexOf('http://tmp/') ===0) {
        wx.getFileSystemManager().readFile({
          filePath: filePath,
          encoding: 'base64',
          success: res => {
            wx.getImageInfo({
              src: filePath,
              success: (infoRes) => {
                resolve(`data:image/${infoRes.type};base64,${res.data}`)
              },
              fail: (err) => {
                reject('Error getting image info')
              }
            })
          },
          fail: err => {
             reject('Error reading file')
          }
        })
      } else {
        wx.downloadFile({
          url: filePath,
          success: res => {
            wx.getFileSystemManager().readFile({
              filePath: res.tempFilePath,
              encoding: 'base64',
              success: res => {
                wx.getImageInfo({
                  src: filePath,
                  success: (infoRes) => {
                    resolve(`data:image/${infoRes.type};base64,${res.data}`)
                  },
                  fail: (err) => {
                    reject('Error getting image info')
                  }
                })
              },
              fail: err => {
                console.log('网络',err)
              }
            })
          },
          fail: err => {
            console.log('下载网络失败',err)
          }            
        })
      }
    })
  }


module.exports={
    downloadAndConvert
}

如果是网络图片需要先使用wx.downloadFile({...})下载之后才可进行转换,本地的则直接转换即可你可根据具体需求修改代码,不要受此处代码影响。

2、在你需要使用的地方引入

const auth = require('../../utils/auth');
Page({
  data: {

  },
    onLoad() {
        let base64 = auth.downloadAndConvert('../../images/logo.png')
        console.log(base64 )
    }
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值