angular 4文件上传完成回调

Angular 4文件上传完成回调是指在Angular 4中实现文件上传功能后，当文件上传完成时执行的回调函数。在Angular中，可以使用FormData对象和HttpClient模块来实现文件上传功能。

首先，需要在HTML模板中创建一个文件上传的表单，并绑定一个事件监听器，用于触发文件上传操作。例如：

<input type="file" (change)="onFileSelected($event)">

然后，在组件的代码中，定义一个回调函数来处理文件上传完成后的操作。例如：

onFileSelected(event: any) {
  const file: File = event.target.files[0];
  this.uploadFile(file).subscribe(
    response => {
      // 文件上传成功后的回调操作
      console.log('文件上传成功');
      console.log(response);
    },
    error => {
      // 文件上传失败后的回调操作
      console.log('文件上传失败');
      console.error(error);
    }
  );
}

uploadFile(file: File): Observable<any> {
  const formData: FormData = new FormData();
  formData.append('file', file, file.name);

  const headers = new HttpHeaders();
  headers.append('Content-Type', 'multipart/form-data');

  return this.http.post('上传文件的API地址', formData, { headers });
}

在上述代码中，onFileSelected函数是文件选择事件的回调函数，它会调用uploadFile函数来执行文件上传操作。uploadFile函数使用FormData对象将文件添加到表单中，并使用HttpClient模块的post方法发送文件到服务器的上传文件API地址。

在uploadFile函数中，通过subscribe方法来订阅文件上传的结果。如果文件上传成功，会执行第一个回调函数，打印上传成功的消息和服务器返回的响应数据。如果文件上传失败，会执行第二个回调函数，打印上传失败的消息和错误信息。

需要注意的是，上述代码中的上传文件的API地址需要根据实际情况进行替换。另外，还需要在组件的构造函数中注入HttpClient模块，以便在组件中使用该模块进行文件上传操作。

推荐的腾讯云相关产品：腾讯云对象存储（COS）

• 概念：腾讯云对象存储（COS）是一种海量、安全、低成本、高可靠的云存储服务，适用于各类网站、开发企业及开发者进行数据存储、备份和归档等工作。
• 优势：高可靠性、高可用性、低成本、安全稳定。
• 应用场景：网站图片、视频存储、数据备份、大数据分析等。
• 产品介绍链接地址：腾讯云对象存储（COS）

以上是关于Angular 4文件上传完成回调的完善且全面的答案。