Angular File Download From API | Download File Using Angular

[@phanikeshavvarma322]

This solution really helped me in downloading the file without changing the "FILENAME". Thank you very much & keep posting on angular.

[@_akos8684]

I had been struggeling for the last 2 days. You made my day Happy Dude!!! Thank you !!!

[@harikrishna9718]

Thankyou

[@azureteachnet]

Thanks for the feedback. Please subscribe to the channel.

[@harikrishna9718]

@@azureteachnet yes Already done 👍✅

[@bearmanthemovie]

Man thank you very much! You helped me a lot! God bless your soul!

[@azureteachnet]

Thanks for you feedback. Please subscribe to the channel if you have not subscribed yet.

[@PoojaVaghadiya-l5p]

Thank You, It is Very Helpful

[@azureteachnet]

Thank you for the feedback. Please subscribe to the channel if you have not subscribed yet. Thanks.

[@arasappanmageshwaran4258]

super... thanks for your wonderful solution

[@SonalKate-cc8ie]

Can you please tell how this can be done for a post request from api?

[@kodenix]

Remember allow 'Content-Disposition' in the API response header, in many frameworks is disable by default, it is possible setting with 'Access-Control-Expose-Headers':''Content-Disposition' in the api response

[@azureteachnet]

yup. the same is shown in the video too :-)

[@marianahidalgosandoval2184]

Thank you so much 😄

[@Kajalchopade-rx7xz]

I don't have cs file could you please help with last step where you changed configuration. I have back-end in python and front end in angular.

[@shivamagrahari2624]

thank you sir ❤

[@thatcuriousduo]

Thank you so much for this video. but I cannot get response.body as Blob. Do you mind console logging your response body? when i download file with this code it contains the whole response. is it a backend issue or frontend

[@azureteachnet]

did you write code as it is mentioned in video? you have to observe entire response.. Please subscribe to the channel if you have not subscribed yet.

[@thatcuriousduo]

subscribed. since i was not able to get hold of this issue, i had to get the octet stream from the backend and it worked with the same code in the frontend

[@madeinchiapas]

thanks!

[@dorrakadri1474]

i have a problem my header only contains the type and lenfth and in swagger i have the same header as you duuno why i cant access to the header

[@azureteachnet]

You have to enable Content Disposition Header at api side. did you try that?

[@dorrakadri1474]

@@azureteachnet yyes i finally made it i aded this @CrossOrigin(exposedHeaders = {"Content-Disposition","Access-Control-Allow-Credentials"}) in my controller im working with springboot thank you alot

[@azureteachnet]

@@dorrakadri1474 Happy to help. Please subscribe to the channel if you have not subscribed yet.

[@dorrakadri1474]

@@azureteachnet done

[@Rob-J-BJJ]

@@dorrakadri1474 thank you i was stuck on this problem for hours and this solved it

[@plantundead5583]

Hi, Do you have a tutorial on how to upload excel file and select which sheet to upload?: For example: I'm uploading a Sample.xls. that file has 3 sheets, I want to upload the sheet 2 only. is that possible?

[@azureteachnet]

I dont think, it is possible from front end. Browser has limited capabilities and cannot read excel. You can upload entire file to the server and there you can use Microsoft Interop or EpPlus package(I have used it in many of my projects) or some other package to extract the required sheets and save it somewhere.

[@almasum2814]

worked ... thanks

[@azureteachnet]

Glad it worked. Please subscribe to the channel if you have not subscribed yet.

[@johndumont3785]

If I download an image, is there anyway to make the image a svg instead of png?

[@azureteachnet]

I dont think it is possible from the front end. Please subscribe to the channel if you have not subscribed yet. There is a lot in the channel. Thanks.

[@bhargavtsapparapu9459]

for me it's working but there is some delay in edge but in network, I can see the blob response , how can we fix this

[@azureteachnet]

Ideally there should not be any issue with Edge because EDGE and Chorme both are chromium based. what version of EDGE you are using?

[@seharabid5222]

the same method does not work for angular application on mobile phones

[@azureteachnet]

May I know where it is failing? Apparently it should work as it is merely same angular code. Did you check how the file name is being sent in the response?

[@phanikeshavvarma322]

Can please make a video on GLOBAL ERROR HANDLER,HTTP INTERCEPTORS,AUTH GUARDS using rest API's realtime scenario's.

[@azureteachnet]

Sure. My next video is on Angular with Azure AD which uses MsalGuard and Interceptor. In future, I will post videos on specific angular topics too.

[@TheOMarsawy]

Thanks man

[@hustleopgaming8560]

I'm Still not able to download pdf , From API..Will you plz help me out.

[@azureteachnet]

please let me know the issue. what are you seeing in browser console. Is your api really returnining the pdf properly.

[@hustleopgaming8560]

@@azureteachnet Plz provide me your mail Id so i can send you the snapshot of api response.

[@hustleopgaming8560]

@@azureteachnet I'm getiing a pdf type response From an Api , But My subscribe fuction is not able to grab that type of response...even if am Writng Console.log(Response), after subscribe .It's not working.

[@rasenks]

Thank you :0

[@azureteachnet]

Thanks for the feedback. Please subscribe to the channel if you have not subscribed yet.

[@mythicpink]

I like your video but cannot stand the loud bell chime that happens nearly every minute. In this 8 minute video, the bell rings 7 times. It's really annoying.

[@azureteachnet]

sorry for that :-). That was because of desperation to get subscribers. People are appreciating my videos but forgetting to subscribe so I put it. In recent videos, It is there hardly 1-2 times mostly. Thanks

[@hirendrachandani9892]

Helli Can You Pleas Share Also Sever side Code ?

[@azureteachnet]

please go to the channel. you will find it. Thank you. Please subscribe to the channel if you have not subscribed yet.

[@hirendrachandani9892]

Actually I tried with Download Zip file from Webapi and front end is Angular but in case zip it not working

[@azureteachnet]

@@hirendrachandani9892 are there any errors in console? are you reading file name from api? if yes, have you enabled disposition header on your api? here is complete tutorial - kzbin.info/www/bejne/j6O9en6kl5J8rdE

[@av5226]

Hey, Thanks for the video. But I'm getting this error. How do I resolve it ? Unexpected token '�', "�� ࡱ �"... is not valid JSON at JSON.parse.