image
This is an image input field. You can set an URL of image, or upload from computer. In this case the value of model will be an base64 encoded string.

Special properties of field

Property
Default
Accepted values
Description
autocomplete
none
see doc
Indicates whether the value of the control can be automatically completed by the browser.
browse
true
Boolean
If true, the file browser input field is visible.
placeholder
none
String
Placeholder text for input field
hideInput
false
Boolean
Hidden the link input field
preview
true
Boolean
If true, the preview is visible.
readonly
false
Boolean
If true, the input field is read only

Usage

Image field with browse and preview

1
{
2
type: "image",
3
label: "Avatar",
4
model: "avatar",
5
required: true
6
}
Copied!

Image field without browse

1
{
2
type: "image",
3
label: "Avatar",
4
model: "avatar",
5
required: true,
6
browse: false
7
preview: true
8
}
Copied!
Last modified 3yr ago