微信小程序常见图片格式转base64图片-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序常见图片格式转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、在你需要使用的地方引入文章来源地址https://www.toymoban.com/news/detail-736141.html

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

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

到了这里，关于微信小程序常见图片格式转base64图片的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！