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>