File upload
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package 'Servoy Extra Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
A Servoy Extra Component that allows users to upload files. It supports multi-file uploads, displays file names, shows upload progress, and provides customizable texts for various upload statuses.
This is a reference page; many components have detailed usage guides here.
Html accept attribute - defines accepted files to be uploaded. Default is all files. Type: String Default Value: "*/*"
Bound data provider identifier for the file data. Type:
Flag indicating whether display tags are enabled for the component. Type: Boolean
Flag indicating whether the file upload component is enabled for user interaction. Type: Default Value: true
The position of the component on the form. Type: Point
Flag indicating whether multiple file uploads are allowed. Type: Boolean Default Value: false
Delay before displaying the upload result - in milliseconds Type: Number Default Value: 2000
Flag indicating whether the file name is displayed after upload. Type: Boolean Default Value: true
Flag indicating whether the upload progress is displayed. Type: Boolean Default Value: true
Called when the file upload data changes.
Parameters:
{JSEvent} event The event object associated with the data change.
Returns: {Boolean}
Called when the file transfer process is finished.
Parameters:
{JSEvent} event The event object associated with the file transfer completion.
Called when a file is successfully uploaded.
Parameters:
{JSUpload} jsUpload The upload object containing details about the uploaded file.
CSS style class for the upload icon. Type: Default Value: "fa fa-upload fa-3x"
CSS style classes applied to the file upload component. Type:
Expression that returns additional CSS style classes for the component. Type:
CSS style class for the success icon displayed after a successful upload. Type: Default Value: "fa fa-check fa-3x"
Tooltip text displayed when hovering over the file upload component. Type:
Text displayed when the file upload is canceled. Type: Default Value: "Upload canceled"
Text displayed when the file type is not supported for upload. Type: Default Value: "File type is not supported for upload"
Text displayed when file drag and drop is not supported by the browser. Type: Default Value: "File Drag/Drop is not supported for this browser"
Text displayed during the file upload progress. Type: Default Value: "Uploading click to cancel"
Text displayed when the file is successfully uploaded. Type: Default Value: "Successfully uploaded"
Text displayed to prompt the user to upload a file. Type: Default Value: "Drop a file here or click to upload"
Flag indicating whether the file upload component is visible. Type:
{} oldValue The previous file data value.
{} newValue The new file data value.