Angular 7表单提交不适用于文件

是指在使用Angular 7进行表单提交时，不适合直接上传文件的情况。在Angular中，可以通过使用FormData对象来实现文件上传。

FormData是一种用于创建表单数据的对象，可以通过JavaScript将表单数据和文件添加到其中，然后通过AJAX请求将其发送到服务器。

以下是使用Angular 7进行文件上传的步骤：

1. 在HTML模板中，添加一个文件选择输入框：

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

1. 在组件中，创建一个方法来处理文件选择事件：

onFileSelected(event: any) {
  const file: File = event.target.files[0];
  this.uploadFile(file);
}

1. 创建一个方法来处理文件上传：

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

  // 发送文件上传请求
  // 例如，使用HttpClient发送POST请求
  this.http.post('上传文件的API地址', formData).subscribe(
    (response) => {
      console.log('文件上传成功');
    },
    (error) => {
      console.error('文件上传失败');
    }
  );
}

在上述代码中，通过FormData对象将文件添加到表单数据中，并使用HttpClient发送POST请求将文件上传到服务器。你需要将'上传文件的API地址'替换为实际的后端API地址。

需要注意的是，Angular 7的表单提交机制并不适用于直接上传文件，因为它是基于Angular的表单模块来处理表单数据的。而文件上传需要使用FormData对象来构建请求体，并通过AJAX请求发送到服务器。

推荐的腾讯云相关产品：腾讯云对象存储（COS） 腾讯云对象存储（COS）是一种安全、高可用、低成本的云端对象存储服务，适用于存储和处理任意类型的文件，包括图片、音视频、文档等。它提供了简单易用的API接口，可以方便地与Angular应用集成。

产品介绍链接地址：腾讯云对象存储（COS）