从Angular 8向Spring Boot App发送文件(图像)

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

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

  constructor(private http: HttpClient) {}

  onFileChange(event) {
    this.selectedFile = event.target.files[0];
  }

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

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

<input type="file" (change)="onFileChange($event)">
<button (click)="onUpload()">Upload</button>

import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;

@RestController
@CrossOrigin(origins = "http://your-angular-app-url")
@RequestMapping("/upload")
public class FileUploadController {

  @PostMapping
  public void uploadFile(@RequestParam("file") MultipartFile file) {
    // 处理文件上传逻辑，如保存文件到服务器
  }
}