Question

我在我的angular 2项目中存储了一些pdf文件。我想点击一个按钮下载该文件。这是我的HTML代码 -

<a class="btn-u btn-u-sm" (click)="SaveDemo()">Download <i class="fa fa-angle-double-right margin-left-5"></i></a>

还有component.ts

import { Component } from '@angular/core';
import { RegistrationComponent } from '../registration/app.registration';
import { saveAs } from 'file-saver';

@Component({
    templateUrl: './app.pronto.html'
})
export class ProntoComponent {
   SaveDemo() {
      let file = new Blob(['../../../files/Skybase.pdf'], { type: 'application/pdf;charset=utf-8' });
      saveAs(file, 'Skybase.pdf')
   }
}

但是正在下载一个空白的pdf。我该怎么办？

Answer 1

如果文件位于项目的同一目录

为什么要使用这么多编码，您可以直接使用download标记的a属性

<a href="path_to_pdf" download>

注意：如果您的路径正确，则会以其他方式下载您的文件将为空，同样的问题在您的代码中。检查文件路径并确保其正确。

<a href="path_to_pdf" download="new_filename">

指定下载文件的新文件名

＆＃13;

<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg" download="w3logo">W3 Logo</a>

＆＃13;

如何使用fileSaver和Angular 2下载pdf

1 个答案: