在提交时单击angular7将输入类型文件输入到文件夹

在Angular 7中，可以通过以下步骤将输入类型的文件上传到文件夹：

首先，在Angular项目中创建一个组件，用于处理文件上传的逻辑。可以使用Angular CLI命令ng generate component file-upload来生成该组件。
在组件的HTML模板中，添加一个文件选择输入框和一个提交按钮，用于选择和上传文件。示例代码如下：

<input type="file" (change)="onFileSelected($event)" />
<button (click)="uploadFile()">上传文件</button>

在组件的TypeScript文件中，定义onFileSelected和uploadFile方法，用于处理文件选择和上传的逻辑。示例代码如下：

import { Component } from '@angular/core';

@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})
export class FileUploadComponent {
  selectedFile: File;

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

  uploadFile() {
    // 在这里编写上传文件的逻辑，可以使用HttpClient模块发送POST请求将文件上传到服务器
  }
}

在uploadFile方法中，可以使用Angular的HttpClient模块发送POST请求将文件上传到服务器。具体的上传逻辑可以根据实际需求进行编写，例如使用FormData对象将文件作为表单数据发送到服务器。示例代码如下：

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

// ...

constructor(private http: HttpClient) {}

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

  this.http.post('http://example.com/upload', formData).subscribe(
    response => {
      console.log('文件上传成功');
    },
    error => {
      console.error('文件上传失败', error);
    }
  );
}