Class: UploadFile

.Components.Input.UploadFile(name, use_changeopt, labelopt, accept, multiple_filesopt, preview_file_template, preview_container_template, delete_options, label_options, resizer_options, storage_namenullable, change_varnullable, contextopt, content)

new UploadFile(name, use_changeopt, labelopt, accept, multiple_filesopt, preview_file_template, preview_container_template, delete_options, label_options, resizer_options, storage_namenullable, change_varnullable, contextopt, content)

Componente que renderiza un input para cargar una imagen

Parameters:
Name Type Attributes Default Description
name string

name del control

use_change BooleanString <optional>
"false"

establece si envia el evento change al cambiar el archivo

label string <optional>
"Seleccione un archivo..."

texto del boton (placeholder)

accept string

determina los tipos de archivos que aceptara el control file

multiple_files BooleanString <optional>
"false"

establece si se puede subir mas de un archivo con el mismo componente (por el momento solo funciona con uno)

preview_file_template string

nombre del template que renderiza una lista de templates de previews (solo si es multiple)

preview_container_template string

nombre del template que renderiza un preview

delete_options JsonString

opciones para el elemento descartar

label_options JsonString

opciones para el label (placeholder)

resizer_options JsonString

opciones para redimencionar la imagen resizer_options='{ "maxWidth": 300, "maxHeight": 400, "compressFormat": "JPEG", "quality": 75 }'>

storage_name string <nullable>

El nombre que usara para guardar el dato en el storage, si no se pasa este parĂ¡metro se usara el name del input

change_var string <nullable>

Variable que tomarĂ¡ el valor del control cuando se modifique

context string <optional>
"global"

Contexto donde se encuentra la variable

content string | JsonString

valor previo del control, si es multiple_files enviar un array de objetos con esta estructura {name: null, content, type: null} si no lo es enviar un string DataUrl

Source:
Example
<upload name="archivo" use_change="false" label="Seleccione la imagen"  accept="image/png, image/jpeg" multiple_files="false" preview_file_template="TemplateParaMostrarFoto" delete_options='{}' label_options='{}'></upload>