将图片转换为Base64并通过AJAX上传

// HTML
<input type="file" id="imageInput">
<button onclick="uploadImage()">上传图片</button>

// JavaScript
function uploadImage() {
  var fileInput = document.getElementById('imageInput');
  var file = fileInput.files[0];

  var reader = new FileReader();
  reader.onload = function(e) {
    var base64Image = e.target.result;
    // 在这里可以将base64Image发送到服务器进行上传
    // 使用AJAX发送请求
    // ...
  };
  reader.readAsDataURL(file);
}

function uploadImage() {
  var fileInput = document.getElementById('imageInput');
  var file = fileInput.files[0];

  var reader = new FileReader();
  reader.onload = function(e) {
    var base64Image = e.target.result;
    // 创建XMLHttpRequest对象
    var xhr = new XMLHttpRequest();
    // 设置请求方法和URL
    xhr.open('POST', '/upload', true);
    // 设置请求头，告诉服务器发送的是Base64格式的数据
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    // 发送请求
    xhr.send('image=' + encodeURIComponent(base64Image));
  };
  reader.readAsDataURL(file);
}