adias-file-uploader
File Uploader for Angular
- Currently Support single file upload
- Set Custom File Url After Upload
- Transparent Uploader
- Multiple File Uploader
see Demo here
Example:
app.module.ts
; FileUploaderModule.forRoot;
OR
FileUploaderModule.forRoot;
app.component.html
<div ngxFilePicker (uploadSuccess)="onUploadSuccess($event)"></div>
OR
Custom file url can be also used <div ngxFilePicker [fileUrl]="uploadedFileUrl" (uploadSuccess)="onUploadSuccess($event)"></div>
OR
For Transparent File uploader
<div ngxFilePicker transparent (uploadSuccess)="onUploadSuccess($event)"></div>
OR
For Multiple File upload
<div ngxFilePicker transparent multiple (uploadMultiSuccess)="onUploadSuccess($event)" (uploadFailed)="onUploadFail($event)"></div>
Events
- uploadSuccess (Output):
_function launched after picture successfully uploaded.
The value returned in $event
.
app.component.ts
onUploadSuccesse: FilePickerRespnse
Nestjs
controller.ts
async uploadAvatar@UploadedFiles files: S3Response
s3.service.ts
;;;;;;; ;