在Angular 8中发送带有附件的邮件

import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
import { HttpClient } from '@angular/common/http';

export class EmailComponent {
  emailForm: FormGroup;

  constructor(private formBuilder: FormBuilder, private http: HttpClient) {
    this.emailForm = this.formBuilder.group({
      to: '',
      subject: '',
      body: '',
      attachment: null
    });
  }
}

sendEmail() {
  const formData = new FormData();
  formData.append('to', this.emailForm.get('to').value);
  formData.append('subject', this.emailForm.get('subject').value);
  formData.append('body', this.emailForm.get('body').value);
  formData.append('attachment', this.emailForm.get('attachment').value);

  this.http.post('/api/send-email', formData).subscribe(
    response => {
      console.log('Email sent successfully');
    },
    error => {
      console.error('Failed to send email', error);
    }
  );
}

<form [formGroup]="emailForm" (ngSubmit)="sendEmail()">
  <label for="to">To:</label>
  <input type="email" id="to" formControlName="to" required>

  <label for="subject">Subject:</label>
  <input type="text" id="subject" formControlName="subject" required>

  <label for="body">Body:</label>
  <textarea id="body" formControlName="body" required></textarea>

  <label for="attachment">Attachment:</label>
  <input type="file" id="attachment" (change)="emailForm.get('attachment').setValue($event.target.files[0])">

  <button type="submit">Send</button>
</form>