Download base64 file angular

When the service is provided at root level, Angular creates a single, shared instance of service and injects into any class that needs it. Registering the provider in the Injectable metadata also allows Angular to optimize an application by removing the service if it is not used. If you are not using stricter type then your code should be working fine as it is working for Angular First replace the line this. I am also accepting response as Blob Binary Large Object.

You may also specify any value from supporting values, such as, json, blob, arraybuffer, text. You can have a look for more details on response type. I have used three ways for downloading file — two ways for Save as functionality and one way to show the file content on browser itself. The above line create a Blob object with file content in response and expecting the file of JSON type.

The above two lines create a URL that will open the file in browser in new window. The above line shows the file content on browser, so it does not give you save as option. The above line uses ready-made FileSaver module that will open the file with Save as option. I have created service class to fetch file data from a server URL but I need to provide a link or button for downloading the file. In the view file I will give users two options for downloading the same file.

I will use link as well as button for downloading the same file from the server. In the service class I have used Http module which may not be found automatically.

CreateItem fileUplodVM. Now, open the app. The following is a database structure. The following is code for. Net API which I have used. Add tblDemoImage ; Db. SaveChanges ; return Request. CreateResponse HttpStatusCode. OK, true, Configuration.

Connect and share knowledge within a single location that is structured and easy to search. Your problem is that you are not decoding your base 64 PDF, use the function atob to achieve this:. I use html2canvas to generate my base64image. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Asked 3 years, 3 months ago. Active 1 year, 6 months ago. Viewed 27k times. However, it's not readable.

What am I missing? Patricio Vargas 4, 7 7 gold badges 32 32 silver badges 72 72 bronze badges. Add a comment. Active Oldest Votes. Dila Sachi.