uniapp获取图片base64

原创已于 2023-06-08 14:48:23 修改 · 4k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

于 2022-03-25 17:54:05 首次发布

uni-app 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在小程序中将从相册选取的图片转换为Base64编码，并提供了使用uni-app框架的具体实现代码。此外，还介绍了在H5环境下通过image-tools库实现相同功能的方法。

小程序是如何把图片转换成base64的

从相册中获取图片

      uni.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album'], // 从相册选择
        success: (res) => {
          this.img = res.tempFilePaths
        }
      })

图片转成base64

      uni.getFileSystemManager().readFile({
        filePath: this.img[0],
        encoding: 'base64',
        success: r => {
          console.log("base64===="+r.data)
        },
        fail: (errr) => {
          uni.hideLoading()
        }
      })

如果你想填写项目里的图片路径可以用过uni.getImageInfo转化成文件路径

uni.getImageInfo({
    src: '../../static/xkm.png',
    success: (image) => {
	    console.log('获取图片成功',image)
    },
    fail: (err) => {
	    console.log('获取图片失败',err)
    }
);

以上方法不支持h5，h5想转换base64可以使用image-tools

下载image-tools

npm i image-tools --save-dev

引入image-tools

import { pathToBase64, base64ToPath } from 'image-tools'

将图片转换成base64格式

pathToBase64('图片地址').then(base64 => {
    console.log("图片=="+base64);
 }).catch(error => {
    console.error(error)
})