ファイルセーバーと角度2を使ってpdfをダウンロードするには

Question

私のAnger 2プロジェクトの中にpdfファイルをいくつか保存しました。私はそのファイルをボタンのクリックでダウンロードしたい。ここに私の

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

コード - HTMLと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

ファイルは、プロジェクトの同じディレクトリにある場合

なぜあなたは、このために多くのコードを使用している、あなたは直接aタグ

<a href="path_to_pdf" download> 

NOTEのdownload属性を使用することができます。パスが正しい場合は、ファイルがダウンロードされます。それ以外の場合は が空白になります。同じ問題がコードに含まれています。ファイルのパスを確認し、正しいことを確認してください。

---

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

私はあまりにもが、そのはinste起きていないことをしようとしたダウンロードしたファイル

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