Subida de archivos

El criterio uploader envía un archivo al servidor, donde sus procesos pueden gestionarlo. Debajo está el criterio real del cliente React de AWE: elige un archivo, cambia sus atributos y el XML de debajo se actualiza.

Vista previa en vivo

ClaroOscuro

Controles

Etiqueta

Texto de ayuda

Tamaño

Por defectoPequeñoGrande

Zona para soltar

Cámara

NoFrontalTrasera

Obligatorio

Solo lectura

XML

<criteria id="demo"
          label="Attachment"
          component="uploader"
          destination="attachments" />

Atributos

Los controles de arriba escriben estos atributos. La referencia lista todos los atributos, con su tipo y valor por defecto. Atributos en la referencia XSD

Atributo	Control	Valores
label	Etiqueta	text
placeholder	Texto de ayuda	text
size	Tamaño	smlg
drop-zone	Zona para soltar	true / false
capture	Cámara	userenvironment
validation	Obligatorio	true / false
readonly	Solo lectura	true / false

Eventos y acciones

Acción (type)	Qué hace
reset	Vacía el valor del criterio.
restore	Devuelve el criterio a su valor inicial.
validate	Ejecuta la validación del criterio (obligatorio, formatos) y muestra su error.
set-invalid	Marca el criterio como inválido con el mensaje de la acción.
set-valid	Borra el error de validación del criterio.
copy-criterion-value-clipboard	Copia el valor del criterio al portapapeles.

Referencia completa

• Documentación completa de este componente
• Referencia XSD del elemento

La subida está simulada en estos ejemplos: la página muestra el progreso de la petición y el nombre y el tamaño del archivo como los respondería el servidor, pero el archivo no se envía a ningún sitio; se queda en tu navegador. destination es la carpeta del servidor donde una pantalla real guarda el archivo. Con drop-zone el usuario puede soltar el archivo y, si es una imagen, se muestra una vista previa. capture añade un botón Take photo que abre la cámara en los navegadores móviles.

Recetas

Zona para soltar con vista previa

Suelta una imagen en el área punteada, o elige una: se previsualiza junto al campo y Clear quita el archivo.

<criteria id="photo" component="uploader" label="Foto" destination="photos" drop-zone="true" />

Eventos y acciones

Un criterio no tiene un evento propio al que escuchar: cada cambio de su valor comprueba las dependencias cuyo dependency-element lo nombra, y pulsar Intro en un campo de texto ejecuta el botón submit de su ventana. Las acciones que actúan sobre criterios:

Acción	Descripción
reset	Vacía el valor del criterio
restore	Devuelve el criterio a su valor inicial
validate	Ejecuta la validación del criterio y muestra su error
set-invalid	Marca el criterio como inválido con el mensaje de la acción
set-valid	Borra el error de validación del criterio
copy-criterion-value-clipboard	Copia el valor del criterio al portapapeles

Más

• Vista general de criterios: los atributos que comparten todos los criterios y las demás familias de entradas.
• Documentación completa de los criterios: todos los tipos, atributos, validaciones y ejemplos.
• Referencia XSD del elemento criteria.