Get file from download response typescript

Dummy Text Generator. Fake Address Data Generator. Fake Internet Data Generator. Fake Person Data Generator. Fake Phone Data Generator. Fake Product Data Generator. Indian States Array and Select Element. Mexican States Array and Select Element. Test Credit Card Numbers. File Show sub menu. Base64 to Image Converter. Image Compressor. Image to Base64 Converter. JSON Show sub menu. String Show sub menu.

Escape and Unescape JavaScript Code. Get Character Info. String Utilities. Time Show sub menu. Timestamp to Human Readable Date.

URL Show sub menu. UUID Show sub menu. XML Show sub menu. YAML Show sub menu. JavaScript Linter. JavaScript Keycode Finder. User Agent Parser. About Show sub menu. ClientRequest class. Initially, I do create an instance of the HttpClient class and pass in the user agent parameter any string will do here.

Then I do call a get method to fetch an URL. Here you can improve this code, at example by looking for Content-Disposition header and if present get the filename out of it, etc. The choice is yours and my goal was to show you how to handle the streams in TypeScript.

Now the tricky part, where I lost plenty of time. 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. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Angular 6 Downloading file from rest api Ask Question. Asked 3 years, 2 months ago. Active 2 months ago. Viewed k times. Improve this question. Add a comment. Active Oldest Votes.

Improve this answer. J Scott 1 1 silver badge 6 6 bronze badges. Yennefer Yennefer 4, 7 7 gold badges 28 28 silver badges 38 38 bronze badges. Thank you! Don't you have to somehow remove the link from DOM?