Download file from asset angular

Asked 3 years, 9 months ago. Active 7 months ago. Viewed 5k times. Improve this question. Ice Bunny Ice Bunny 67 1 1 silver badge 9 9 bronze badges. Either provide full path aur adjust the path so that it will point to correct path after build. Directory structure gets changed after build command. Add a comment.

Active Oldest Votes. Improve this answer. Tammy Tammy 1, 2 2 gold badges 13 13 silver badges 34 34 bronze badges. Juan Antonio Juan Antonio 1, 2 2 gold badges 21 21 silver badges 29 29 bronze badges. Sign up or log in Sign up using Google.

Sign up using Facebook. In the service class I have used Http module which may not be found automatically. So I need to register it in providers array of NgModule. Run the Angular application angular-file-download by executing command ng serve --open. When you click on link or button for downloading file you will see below page with file save option:.

When you use the code for displaying data on browser inside download function of controller code and click on button or link, then you should see below output:. For server side code you can read the post on Download file using Angular and Spring Boot.

Hi, There is no such step other than running the command for installing file-saver package. You can check what goes wrong in the browser conaole. If only more tutorials on Angular were as succinctly and thoughtfully written as this. Well done!! I need to show save dialog box to user so he can save file any where. Hi, thank you for your helpful post. Do you know how to download files bigger than 2GB and save them directly on the filesystem?

It seems that this way the file lands first in the memory of the browser. Your email address will not be published. Roy Tutorials Technical… Theoretical… Practical…. However, when I open the app in browser using ng serve, and click on the link, a B File. Try this, cases like the following, the browser will perform a full page reload to the original link.

Moreover assets folder should be outside angular app folder otherwise it won't work. Angular Reference. How are we doing? Please help us improve Stack Overflow. Take our short survey. 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. Download file link not working in Angular Ask Question.

Asked 3 years, 7 months ago. Active 1 year, 1 month ago. Viewed 17k times.