我在我的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。我该怎么办?
答案 0 :(得分:1)
如果文件位于项目的同一目录
为什么要使用这么多编码,您可以直接使用download
标记的a
属性
<a href="path_to_pdf" download>
注意:如果您的路径正确,则会以其他方式下载您的文件 将为空,同样的问题在您的代码中。检查文件路径并确保其正确。
<a href="path_to_pdf" download="new_filename">
指定下载文件的新文件名
<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg" download="w3logo">W3 Logo</a>
&#13;