使用angular 2+动态创建文件夹并将多个文件上传到服务器

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 {
  selectedFiles: FileList;

  constructor(private http: HttpClient) { }

  onFileChange(event) {
    this.selectedFiles = event.target.files;
  }

  upload() {
    const formData = new FormData();
    const folderName = 'myFolder'; // 动态创建的文件夹名称

    for (let i = 0; i < this.selectedFiles.length; i++) {
      formData.append('files', this.selectedFiles[i]);
    }

    this.http.post('http://your-server-url.com/upload?folder=' + folderName, formData)
      .subscribe(response => {
        console.log('Files uploaded successfully');
      });
  }
}