| Title | Added | Status | Last reviewed |
|---|---|---|---|
Upload Button Component |
v2.0.0 |
Active |
2019-01-16 |
Activates a file upload.
<adf-upload-button
[rootFolderId]="-my-"
[uploadFolders]="true"
[multipleFiles]="false"
[acceptedFilesType]=".jpg,.gif,.png,.svg"
[versioning]="false"
(success)="customMethod($event)">
</adf-upload-button>
<adf-file-uploading-dialog></adf-file-uploading-dialog>| Name | Type | Default value | Description |
|---|---|---|---|
| acceptedFilesType | string |
"*" | Filter for accepted file types. |
| comment | string |
When you overwrite existing content, you can use the comment field to add a version comment that appears in the version history | |
| disabled | boolean |
false | Toggles component disabled state (if there is no node permission checking). |
| file | File |
Custom added file. The upload button type will be 'button' instead of 'file' | |
| majorVersion | boolean |
false | majorVersion boolean field to true to indicate a major version should be created. |
| maxFilesSize | number |
Sets a limit on the maximum size (in bytes) of a file to be uploaded. Has no effect if undefined. | |
| multipleFiles | boolean |
false | Allows/disallows multiple files |
| nodeType | string |
"cm:content" | Custom node type for uploaded file |
| rootFolderId | string |
"-root-" | The ID of the root. Use the nodeId for Content Services or the taskId/processId for Process Services. |
| staticTitle | string |
Defines the text of the upload button. | |
| tooltip | string |
null | Custom tooltip text. |
| uploadFolders | boolean |
false | Allows/disallows upload folders (only for Chrome). |
| versioning | boolean |
false | Toggles versioning. |
| Name | Type | Description |
|---|---|---|
| beginUpload | EventEmitter<UploadFilesEvent> |
Emitted when the upload begins. |
| error | EventEmitter<FileUploadErrorEvent> |
Emitted when an error occurs. |
| permissionEvent | EventEmitter<PermissionModel> |
Emitted when create permission is missing. |
| success | EventEmitter<any> |
Emitted when the file is uploaded successfully. |
| updateFileVersion | EventEmitter<CustomEvent<any>> |
Emitted when dropping a file over another file to update the version. |
You can show a notification error when the user doesn't have the right permission to perform
the action. The component emits a permissionEvent when the user does not have delete permission.
You can subscribe to this event from your component and use the
Notification service to show a message.
<adf-upload-button
[rootFolderId]="currentFolderId"
(permissionEvent)="onUploadPermissionFailed($event)">
</adf-upload-button>export class MyComponent {
onUploadPermissionFailed(event: any) {
this.notificationService.openSnackMessage(
`you don't have the ${event.permission} permission to ${event.action} the ${event.type} `, 4000
);
}
}