Angular 7-尝试在上传前创建音频文件的预览

npm install file-saver --save
npm install @types/file-saver --save-dev

<input type="file" (change)="handleFileInput($event.target.files)">

import { Component } from '@angular/core';
import { saveAs } from 'file-saver';

@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})
export class FileUploadComponent {
  handleFileInput(files: FileList) {
    const file = files.item(0);
    const reader = new FileReader();

    reader.onload = (event: any) => {
      const audioPreviewUrl = event.target.result;
      saveAs(file, file.name); // 保存文件
      // 在这里可以使用audioPreviewUrl进行预览操作，例如显示预览图像或播放音频
    };

    reader.readAsDataURL(file);
  }
}