angular12 - 从 Blob 下载的文件是空的，Angular12

Question

在 Angular12 中，我正在尝试上传一个文件（例如：pdf，但我需要真正支持所有文件类型）然后我想下载它。文件下载了，可以打开了，甚至还包含了当前页数，但都是空白页……

这是我的html

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

这是 ts：

 onFileChanged(event: any){
if (event.target.files && event.target.files[0]) {
    let file = event.target.files[0];
    let newFile;
    let fileName =file.name;
    let fr = new FileReader();
    
    fr.onload = (event:any)=>{
        let base64 = event.target.result
        let img = base64.split(',')[1]
        let blob = new Blob([window.atob(img)],{type:'application/pdf'})
        newFile = this.blobToFile(blob,fileName);
        console.log(newFile);
        saveAs (blob, fileName);
    }
    fr.readAsDataURL(file)
}

}

谢谢！！

标签： angular12