js 将本地图片转base64

你可以使用JavaScript的FileReader来将本地图片转换为Base64格式。以下是一个示例：

// 读取本地图片文件并转换为Base64格式
function convertToBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = function(event) {
      resolve(event.target.result);
    };
    reader.onerror = function(event) {
      reject(event.target.error);
    };
    reader.readAsDataURL(file);
  });
}

// 选择本地图片文件并转换为Base64
const input = document.createElement('input');
input.type = 'file';
input.accept = 'image/*';
input.onchange = function(event) {
  const file = event.target.files[0];
  if (file) {
    convertToBase64(file)
      .then(base64Data => {
        console.log(base64Data); // 在控制台中打印Base64格式的图片数据
        // 这里可以继续处理Base64数据，例如显示在页面上或发送给服务器等等
      })
      .catch(error => {
        console.error(error);
        // 处理错误
      });
  }
};

// 将input元素添加到页面中
document.body.appendChild(input);

这段代码会创建一个文件选择框（input元素），只允许选择图片文件。当用户选择图片后，它会将图片文件转换为Base64数据，并在控制台中打印出来。你可以根据需要进一步处理Base64数据，例如显示在页面上或发送给服务器等等。

请注意，由于浏览器的安全限制，JavaScript无法直接访问本地文件系统中的文件路径。因此，用户需要手动选择本地文件。