anglar上传文件示例代码

以下是 Angular 中上传文件的示例代码：

1. 在 HTML 文件中添加文件选择器和上传按钮：

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

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 {

  selectedFile: File = null;

  constructor(private http: HttpClient) { }

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

  onUpload() {
    const fd = new FormData();
    fd.append('file', this.selectedFile, this.selectedFile.name);
    this.http.post('http://example.com/upload', fd)
      .subscribe(res => {
        console.log(res);
      });
  }

}

在上面的代码中，我们首先导入了 `HttpClient`，这是 Angular 提供的用于发送 HTTP 请求的服务。在 `onFileSelected` 方法中，我们从事件中获取选择的文件，并将其保存在 `selectedFile` 变量中。在 `onUpload` 方法中，我们创建了一个 `FormData` 对象，并将选定的文件添加到其中。然后，我们使用 `HttpClient` 发送 POST 请求，并将 `FormData` 对象作为请求体发送到服务器。最后，我们订阅响应，并在控制台中打印响应。

请注意，上面的示例代码仅用于演示目的，实际使用时需要根据具体情况进行调整。