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

【问题标题】：input type file to folder on submit click angular7在提交单击angular7时将类型文件输入到文件夹
【发布时间】：2019-05-10 09:45:06
【问题描述】：

我的表单中有一个文件上传控件。我想在提交点击后保存文件。

在onfileupload() 方法中，我得到文件名和大小。现在我想将文件保存到打字稿中的特定文件夹。

如果文件夹不存在，则创建文件夹并保存。如果文件夹存在则保存。

HTML 代码：

<input id="avatar" type="file" (change)="File($event)" #file>
<button (click)="Upload()">Upload</button>

打字稿代码：

selectFile: File;
File(event) {
    this.selectFile= event.target.files[0];
}

在打字稿页面中，我正在获取上传的文件名和大小。

【问题讨论】：

【解决方案1】：

通过 Typescript，您只能将文件保存在浏览器的默认下载文件夹中。如果要将文件保存在特定文件夹中，则必须调用后端服务（Java/ASP.NET/Php 等），传递文件并将其保存在所需的文件夹中。

【讨论】：

【解决方案2】：

您可以使用 FileSaver.js，它是一种 HTML 5 FileSaver 功能。 FileSaver.js 以 npm 包的形式提供，因此您可以如下所示安装它。

$npm install --save file-saver

对于后端使用 Rest API 以便您可以使用 Spring Boot，请参见此处的示例：- https://shekhargulati.com/2017/07/16/implementing-file-save-functionality-with-angular-4/

【讨论】：