笔记大全

uniapp怎么将图片转base64

更新时间：2023-10-15

uniapp如何将图片转为base64格式

在uniapp中，可以通过uni.getImageInfo方法获取图片信息，然后利用uni.getFileSystemManager方法读取图片文件，最后使用Base64.encode方法将二进制数据转为base64格式。

步骤一：获取图片信息

首先，我们需要获取要转换的图片的信息，包括图片的本地路径、宽度、高度等。通过uni.getImageInfo方法可以实现：

uni.getImageInfo({
  src: '图片路径',
  success: res => {
    // 获取到图片信息之后可继续下一步操作
    // res.path 是图片的本地路径
    // res.width 是图片的宽度
    // res.height 是图片的高度
  }
});

步骤二：读取图片文件

获取到图片信息后，需要通过uni.getFileSystemManager方法读取图片文件。如下所示：

uni.getFileSystemManager().readFile({
  filePath: '图片路径',
  encoding: 'base64',
  success: res => {
    // 获取到图片的base64数据
    // res.data 即为图片的base64格式数据
  }
});

步骤三：将二进制数据转为base64格式

最后一步就是将图片的二进制数据转换为base64格式。可以使用Base64.encode方法进行转换，如下所示：

import Base64 from '@/utils/base64.js';

let base64Data = Base64.encode(res.data);

其中，Base64.encode方法可根据实际情况自行封装，也可以使用第三方库如js-base64等。

总结

要将图片转为base64格式，可以按照以下步骤进行操作：

第一步，使用uni.getImageInfo方法获取图片信息，包括图片的本地路径、宽度、高度等；

第二步，利用uni.getFileSystemManager方法读取图片文件，获取到图片的二进制数据；

第三步，使用Base64.encode方法将二进制数据转换为base64格式；

在实际使用过程中，可以根据需要进行封装，将以上操作封装成一个函数，方便后续调用。

HTML格式返回内容

uniapp如何将图片转为base64格式
在uniapp中，可以通过uni.getImageInfo方法获取图片信息，然后利用uni.getFileSystemManager方法读取图片文件，最后使用Base64.encode方法将二进制数据转为base64格式。

步骤一：获取图片信息
首先，我们需要获取要转换的图片的信息，包括图片的本地路径、宽度、高度等。通过uni.getImageInfo方法可以实现：

uni.getImageInfo({
  src: '图片路径',
  success: res => {
    // 获取到图片信息之后可继续下一步操作
    // res.path 是图片的本地路径
    // res.width 是图片的宽度
    // res.height 是图片的高度
  }
});

步骤二：读取图片文件
获取到图片信息后，需要通过uni.getFileSystemManager方法读取图片文件。如下所示：

uni.getFileSystemManager().readFile({
  filePath: '图片路径',
  encoding: 'base64',
  success: res => {
    // 获取到图片的base64数据
    // res.data 即为图片的base64格式数据
  }
});

步骤三：将二进制数据转为base64格式
最后一步就是将图片的二进制数据转换为base64格式。可以使用Base64.encode方法进行转换。

import Base64 from '@/utils/base64.js';

let base64Data = Base64.encode(res.data);