如何从javascript中的<图片src>标签上传图片？

// HTML部分
<input type="file" id="uploadInput">

// JavaScript部分
document.getElementById('uploadInput').addEventListener('change', function(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  
  reader.onload = function() {
    var base64Image = reader.result.split(',')[1]; // 获取Base64编码的图片内容
    
    var formData = new FormData();
    formData.append('image', base64Image); // 将图片内容添加到FormData中
    
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload', true); // 发送POST请求到服务器的/upload路径
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 上传成功
        console.log('上传成功');
      }
    };
    xhr.send(formData); // 发送请求
  };
  
  reader.readAsDataURL(file); // 读取图片文件
});