How to Upload Files in Angular | Angular File Uploader

This video is to guide you through how you can upload files from your angular app using angular file uploader package. It has basics of how to get started with angular file uploader and advance features discussion as well.

Any type of file can be uploaded through this package such as images, pdf, docx etc, also there are many ways in which you can upload files/images like drag and drop etc. Other than this there many more features like file format/ size constraints, single/multiple file select, custom api configurations, text can be replaced to support localization, styles can be modified etc.

About me:

M. Faisal Ansari
kzrfaisal (npm username)
Author of angular-file-uploader.

#angularFileUploader, #angular, #imageUpload

[JRP]

Thank you Sir. Very useful. Have had loads of issues with file uploads using Angular, good to see you have them mastered.

[arpitpandey]

Thanks for the video, it made easier to implement angular file uploader

[theAronikyama]

Hi sir,
can we access the folder name in the disc from which the file is uploaded?if not is there any solution to get the folder name ?

[bryanlim]

how to remove a specific file only when uploading a file. because for example when I had a wrong file upload from multiple files I need to remove one specific file only why the new angular-file-uploader npm package does not have a remove or x button per file?

[livelikeafreak_]

Great work Sir.. You are very talented.

[noob_player_in_the_field]

how do i use those css classes ? from my component css file ?
or do I have to use global css file ?

[sundaramkumar]

I have a issue . I have backend which copy file to server but it takes file location from local machine. Now any suggestion how to get file location from machine

[arpitapattanayak]

changed background color of buttons but on click of those buttons, still it shows previous colors. What should I do to make it persistent?

[lauro]

Thanks a lot, but for some reason when i upload a file it says upload Failed :( any help on it ?

[adan-codes]

Can responseType be set to 'arrayBuffer'?

[mahdihadjsassi]

Thank you a lot sir, that's was soooo helpfull, it's easy to use,
please have you any idea about this type of error :
"has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request."
how can i configure my driver to be suitable
and thank you a lot for your response in advance

[michaellopez]

¿It is possible to resize the image before to upload?

[akankshagupta]

Plzz Help me i m getting an error - can't bind to config since it is not known property of angular-file-uploader.... How to fix this erroe

[ebrittneyi]

Some I'm using Angular 14 and I've run into some issues
1. it made my whole page weirdly small
2. the actual buttons won't show up no matter what I do

[tejashreedharmireddi]

How can this be done in a template driven form?

[juanmanuelfuentes]

Has anybody tested it in Angular 11 | 12 ? ( apparently current last version was for v.10 )

[gbrovar]

Is this library compatible with angular 15?

[mangroliyayash]

error NG8002: Can't bind to 'formGroup' since it isn't a known property of 'form'.
aa error how to solve
=>form ni under file upload kar vi hoy to su kar vo pade sir.
=>jayer form upload kar vi tyare apl na database ma path aa reta bata ve se "C:\\fakepath\\Designed.txt" aa ma ave se ane maru folder name beju se to pan (fakepath ja ave se)

[AbhishekChhipa-jdmb]

can someoen tell me if we can upload .zip file pleasee urgent

[jasmeetsinghvirdi]

I am having an issue in uploading large file ie. More than 5 gb..
It got fail in middle.. Any suggestions