Upload

Component for uploading files to the server.

Basic Usage

example-document.pdf
<prism-upload [(fileList)]="files" accept=".png,.jpg,.pdf" />

Drag & Drop

Click or drag file to this area to upload

Support for a single or bulk upload.

<prism-upload [(fileList)]="files" listType="dragger" [multiple]="true" />

Disabled

<prism-upload [(fileList)]="files" [disabled]="true" />

PrismUpload APINameTypeDefaultDescription
acceptinput<string>''Accepted file types.
multipleinput<boolean>falseWhether multiple files are allowed.
disabledmodel<boolean>falseWhether the upload is disabled.
maxCountinput<number>0Maximum number of files allowed (0 means unlimited).
listTypeinput<'text' | 'dragger'>'text'Type of the upload interface.
fileListmodel<PrismUploadFile[]>[]The two-way bound selected files.
beforeUploadinput<Function>undefinedHook executed before upload. Returning false cancels.
customRequestinput<Function>undefinedCustom upload request handler.
fileChangeoutput<PrismUploadFile[]>-Emitted when file list changes.
removeoutput<PrismUploadFile>-Emitted when a file is removed.

Name	Type	Default	Description
`accept`	`input<string>`	`''`	Accepted file types.
`multiple`	`input<boolean>`	`false`	Whether multiple files are allowed.
`disabled`	`model<boolean>`	`false`	Whether the upload is disabled.
`maxCount`	`input<number>`	`0`	Maximum number of files allowed (0 means unlimited).
`listType`	`input<'text' \| 'dragger'>`	`'text'`	Type of the upload interface.
`fileList`	`model<PrismUploadFile[]>`	`[]`	The two-way bound selected files.
`beforeUpload`	`input<Function>`	`undefined`	Hook executed before upload. Returning false cancels.
`customRequest`	`input<Function>`	`undefined`	Custom upload request handler.
`fileChange`	`output<PrismUploadFile[]>`	`-`	Emitted when file list changes.
`remove`	`output<PrismUploadFile>`	`-`	Emitted when a file is removed.