angular jquery-fileupload示例的Typescript版本？

npm install @angular/common @angular/core @angular/forms

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

@Component({
  selector: 'app-file-upload',
  template: `
    <input type="file" (change)="onFileSelected($event.target.files)">
    <button (click)="onUpload()">Upload</button>
  `
})
export class FileUploadComponent {
  selectedFile: File = null;

  constructor(private http: HttpClient) {}

  onFileSelected(files: FileList) {
    this.selectedFile = files.item(0);
  }

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

      this.http.post('https://api.example.com/upload', formData)
        .subscribe(response => {
          console.log('Upload successful');
        });
    }
  }
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';

import { FileUploadComponent } from './file-upload.component';

@NgModule({
  imports: [BrowserModule, HttpClientModule],
  declarations: [FileUploadComponent],
  bootstrap: [FileUploadComponent]
})
export class AppModule {}