在无表单的ajax中发送图像

// 将图像文件转换为Base64编码
function convertImageToBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onloadend = () => resolve(reader.result);
    reader.onerror = reject;
    reader.readAsDataURL(file);
  });
}

// 发送图像数据
function sendImage() {
  const fileInput = document.getElementById('imageInput');
  const file = fileInput.files[0];

  convertImageToBase64(file)
    .then((base64Data) => {
      // 创建XMLHttpRequest对象
      const xhr = new XMLHttpRequest();
      
      // 设置请求头
      xhr.setRequestHeader('Content-Type', file.type);
      
      // 发送请求
      xhr.open('POST', '/upload', true);
      xhr.send(base64Data);
    })
    .catch((error) => {
      console.error('Error:', error);
    });
}

const express = require('express');
const app = express();

app.post('/upload', (req, res) => {
  // 解析请求头中的内容类型
  const contentType = req.headers['content-type'];
  
  // 获取请求体中的图像数据
  let imageData = '';
  req.on('data', (chunk) => {
    imageData += chunk;
  });
  
  req.on('end', () => {
    // 将Base64编码的图像数据解码为原始的图像文件
    const base64Data = imageData.replace(/^data:image\/\w+;base64,/, '');
    const buffer = Buffer.from(base64Data, 'base64');
    
    // 处理图像文件，例如保存到服务器或进行进一步处理
    // ...
    
    res.sendStatus(200);
  });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});