如何使用Angular 2+、Express和nodeJs上传文件

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

@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})
export class FileUploadComponent {
  selectedFile: File;

  constructor(private http: HttpClient) { }

  onFileSelected(event): void {
    this.selectedFile = event.target.files[0];
  }

  onUpload(): void {
    const formData = new FormData();
    formData.append('file', this.selectedFile);

    this.http.post('/upload', formData).subscribe(
      (response) => {
        console.log('File uploaded successfully');
      },
      (error) => {
        console.error('Error uploading file:', error);
      }
    );
  }
}

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

const upload = multer({ dest: 'uploads/' });

const router = express.Router();

router.post('/upload', upload.single('file'), (req, res) => {
  const file = req.file;
  const filePath = file.path;

  // 处理文件保存逻辑，例如将文件移动到指定位置
  // fs.renameSync(filePath, 'new/path/to/save/file');

  res.status(200).json({ message: 'File uploaded successfully' });
});

module.exports = router;