js获取图片base64编码

可以使用HTML5的FileReader对象来读取图片文件，并将其转换为base64编码。

以下是一个示例代码：

// 选择图片文件
var fileInput = document.createElement("input");
fileInput.type = "file";
fileInput.accept = "image/*";

// 读取图片文件并转换为base64编码
fileInput.onchange = function(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  reader.onload = function(event) {
    var base64 = event.target.result;
    console.log(base64);
  };
  reader.readAsDataURL(file);
};

// 显示文件选择框
fileInput.click();

以上代码将创建一个文件选择框，用户选择图片文件后，将会读取该文件并将其转换为base64编码，最后打印出来。

相关问题

js获取图片base64码

可以使用HTML5中的Canvas元素来获取图片的Base64编码。具体步骤如下：

1. 创建一个Image对象，并设置其src属性为图片的URL。

2. 等待Image对象加载完成后，将其绘制到Canvas元素上。

3. 调用Canvas元素的toDataURL()方法，将Canvas中的内容转换为Base64编码的字符串。

以下是示例代码：

// 创建一个Image对象
var img = new Image();

// 设置图片的URL
img.src = 'https://example.com/image.jpg';

// 等待图片加载完成
img.onload = function() {
  // 创建一个Canvas元素
  var canvas = document.createElement('canvas');

  // 设置Canvas的宽高为图片的宽高
  canvas.width = img.width;
  canvas.height = img.height;

  // 在Canvas上绘制图片
  var ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);

  // 获取图片的Base64编码
  var base64 = canvas.toDataURL('image/jpeg');

  // 输出Base64编码
  console.log(base64);
};

注意：toDataURL()方法的参数可以指定输出的图片格式。例如，'image/jpeg'表示输出JPEG格式的图片，'image/png'表示输出PNG格式的图片。

uniapp 获取图片的base64编码

在uniapp中获取图片的base64编码可以使用`uni.getImageInfo`和`uni.getFileSystemManager`两个API来实现。具体步骤如下：

1. 使用`uni.getImageInfo`获取图片的本地路径。
2. 使用`uni.getFileSystemManager`读取图片文件，并将其转换为base64编码。

以下是一个示例代码：

uni.getImageInfo({
  src: '图片路径',
  success: function(res) {
    uni.getFileSystemManager().readFile({
      filePath: res.path,
      encoding: 'base64',
      success: function(data) {
        console.log(data.data); // 输出图片的base64编码
      },
      fail: function(error) {
        console.log(error);
      }
    });
  },
  fail: function(error) {
    console.log(error);
  }
});

请注意，你需要将`图片路径`替换为你要获取base64编码的图片路径。