Skip to main content

Upload

Usage​

PreviewAngularReactVueJavascript

Properties​

Props​

Name
Description and specifications
accept
The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). [accept]{@link "https://www.w3schools.com/tags/att_input_accept.asp"}
Attribute:
accept
Type:
string
disabled
Disable all input events
Attribute:
disabled
Type:
boolean
Default:
false
i18nUploadDisabled
Text for disabled state
Attribute:
i-1-8n-upload-disabled
Type:
string
Default:
'File upload currently not possible.'
i18nUploadFile
Label for upload file button
Attribute:
i-1-8n-upload-file
Type:
string
Default:
'Upload file…'
loadingText
Will be used by state = UploadFileState.LOADING
Attribute:
loading-text
Type:
string
Default:
'Checking files…'
multiline
Whether the text should wrap to more than one line
Attribute:
multiline
Type:
boolean
Default:
false
multiple
If multiple is true the user can drop or select multiple files
Attribute:
multiple
Type:
boolean
Default:
false
selectFileText
Will be used by state = UploadFileState.SELECT_FILE
Attribute:
select-file-text
Type:
string
Default:
'+ Drag files here or…'
state
After a file is uploaded you can set the upload component to a defined state
Attribute:
state
Type:
UploadFileState.LOADING ｜ UploadFileState.SELECT_FILE ｜ UploadFileState.UPLOAD_FAILED ｜ UploadFileState.UPLOAD_SUCCESSED
Default:
UploadFileState.SELECT_FILE
uploadFailedText
Will be used by state = UploadFileState.UPLOAD_FAILED
Attribute:
upload-failed-text
Type:
string
Default:
'Upload failed. Please try again.'
uploadSuccessText
Will be used by state = UploadFileState.UPLOAD_SUCCESSED
Attribute:
upload-success-text
Type:
string
Default:
'Upload successful'

Events​

Name
Description and specifications
filesChanged
You get an array of Files after drop-action or browse action is finished
Detail:
File[]