Download a File from Rest Api in Angular
In this tutorial, we are going to learn about how to download a file from rest api in angular with the help of an example.
Downloading a file from rest api
To download a file from rest api, first wrap the button element in a
<a> tag then add the
download attribute to the
a tag. So it creates a download link.
Here is an example, which downloads the following twitter image when a user clicks on the button:
<div> <a href="/img/twitter.png" download> <button>Dowload image</button> </a> </div>
In the above example, we have added the download path of a file to the
Similary, you can create a download link for the pdf files like this.
<a href="/files/my-tax.pdf" download> <button>Download Tax Data</button> </a>
Adding the new filenames
We can also add the new filename to a downloaded file by adding a value to the
<a href="/img/fb.png" download="facebook"> <button>Dowload image</button> </a>
Now, our new downloaded filename will be
facebook.png instead of