时间戳

首页 > 解决方案 > 如何正确使用 Angular 5 中的 FileSaver？

angular - 如何正确使用 Angular 5 中的 FileSaver？

问题描述

我正在尝试使用文件上传功能将文件保存到文件系统。由于该文件是 Angular 应用程序而不是后端（rest api - java）所必需的，因此我决定将其保存在前端应用程序中，这意味着在 Angular 应用程序的 assets 文件夹中的某个位置。

我已经安装了角度文件保护程序。

模板代码：

<input type="file" name="file-7[]" id="file-7" class="inputfile inputfile-6" (change)="handleFileInput($event.target.files)">

组件代码：

import { FileSaver }  from 'angular-file-saver';

handleFileInput(files: FileList) {
    this.imageUpload = files.item(0);
    this.imageFileName = this.logoToUpload.name;
    // how to use FileSaver here ? 
    //this.imageUpload doesn't have data or something like this 

  }

知道如何将文件实际保存在文件夹中吗？谢谢。

标签： angularfile

解决方案

对于用不同语言进行编码，创建这样的 blob：

var blob = new Blob(["\ufeff"+csvArray], { type: 'text/csv;charset=utf-8' })

推荐阅读