发送的图像和JSON如何形成Angular httpClient

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

@NgModule({
  imports: [
    HttpClientModule
  ],
  ...
})
export class AppModule { }

ng generate service httpService

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

@Injectable({
  providedIn: 'root'
})
export class HttpService {
  constructor(private http: HttpClient) { }

  sendImageAndJson(image: File, jsonData: any) {
    const formData = new FormData();
    formData.append('image', image);
    formData.append('data', JSON.stringify(jsonData));

    return this.http.post<any>('https://api.example.com/upload', formData);
  }
}

import { Component } from '@angular/core';
import { HttpService } from './http.service';

@Component({
  selector: 'app-my-component',
  template: `
    <input type="file" (change)="onFileChange($event)">
    <button (click)="sendData()">Send</button>
  `
})
export class MyComponent {
  selectedImage: File;
  jsonData: any;

  constructor(private httpService: HttpService) { }

  onFileChange(event: any) {
    this.selectedImage = event.target.files[0];
  }

  sendData() {
    if (!this.selectedImage || !this.jsonData) {
      return;
    }

    this.httpService.sendImageAndJson(this.selectedImage, this.jsonData).subscribe(
      response => {
        // 处理响应
      },
      error => {
        // 处理错误
      }
    );
  }
}