javascript如何实现在线图片转base64

可以使用HTML5中的File API和Canvas API来实现在线图片转base64。具体步骤如下：

1. 使用File API读取图片文件，得到一个File对象。
2. 使用Canvas API创建一个Canvas对象，并将图片绘制到Canvas上。
3. 使用Canvas对象的toDataURL()方法将Canvas上的图片转换为base64编码的字符串。

以下是示例代码：

// 选择图片文件
var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];

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

// 读取图片文件
var reader = new FileReader();
reader.onload = function(e) {
  img.src = e.target.result;
}
reader.readAsDataURL(file);

// 将图片绘制到Canvas上
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
img.onload = function() {
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);
  
  // 将Canvas上的图片转换为base64编码的字符串
  var base64 = canvas.toDataURL();
  console.log(base64);
}