如何使用Angular2将Blob图片发送到NodeJs？

// 获取要发送的图片文件
const fileInput = document.getElementById('fileInput') as HTMLInputElement;
const file = fileInput.files[0];

// 将文件转换为Blob对象
const reader = new FileReader();
reader.onloadend = () => {
  const blob = new Blob([reader.result], { type: file.type });

  // 在这里调用发送图片的函数
  sendImage(blob);
};
reader.readAsArrayBuffer(file);

import { HttpClient } from '@angular/common/http';

// 在组件中注入HttpClient对象
constructor(private http: HttpClient) {}

// 发送包含Blob图片的请求
sendImage(image: Blob) {
  const formData = new FormData();
  formData.append('image', image, 'image.jpg');

  this.http.post('http://your-nodejs-server/upload', formData).subscribe(
    (response) => {
      console.log('图片上传成功');
    },
    (error) => {
      console.error('图片上传失败', error);
    }
  );
}

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

const app = express();

// 配置multer实例
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'uploads/');
  },
  filename: function (req, file, cb) {
    cb(null, file.originalname);
  }
});

const upload = multer({ storage: storage });

// 处理上传的图片文件
app.post('/upload', upload.single('image'), (req, res) => {
  console.log('图片接收成功');
  res.send('图片接收成功');
});

app.listen(3000, () => {
  console.log('服务器已启动');
});