Elemento para enviar y procesar Imágenes

Este elemento se encarga de enviar un archivo de imagen a nuestro servidor post procesarlo par aplicarle efectos y recortes. Adicional a eso permite enviar un solo archivo o múltiples, permite ordenarlos y visualizarlos como iconos dentro del widget.

Propiedades adicionales

Nos indica si el valor obtenido será la el URL del archivo o se creara un tag html del archivo por default 'true'
ej.
Itemsourse = true -> valor obtenido: uploads/imagen/archivo.pdf
Itemsourse= fasle -> valor obtenido: <a href=“uploads/imagen/archivo.pdf” > archivo.pdf </a> Nos indica si el widget, soporta envía de múltiples archivos o solo un solo archivo. El resultado de múltiples archivos es una lista separada por comas. Por default false. Nos indica el o los caracteres que separaran la lista de archivos del widget si soporta envió de múltiples archivos, por default ‘,’ (coma). Esta opción sirve para definir como serán manejados los nombres de archivo al enviarlos, Por default está en 'auto'.
  • si esta vacio se usara el nombre de archivo original (se eliminan caracateres especiales y acentos),sin embargo si hay dos archivos con el mismo nombre en el servidor serán reemplazados
  • si se define un nombre este será usado para el archivo (este nombre es sin extensión). De igual forma si el archivo ya existe será reemplazado.
  • Si se define como ‘auto’ se generara un número aleatorio con un timestamp y Caracteres aleatorios ej. 1477438486B29.jpg
Esta opción sirve agregar un prefijo a todos los archivos enviados. ej. “small-” -> small-archivo.jpg Esta opción sirve agregar un sufijo a todos los archivos enviados. ej. “-data” -> archivo-data.jpg Es el directorio raíz a donde serán enviados los archivos, por default “uploads”, si el directorio no existe será creado. Este parámetro sirve para agregar un sub directorio dentro del directorio raíz de envíos, si el directorio no existe será creado. ej. "bigpictures" -> "uploads/bigpictures/" Los tipos mime soportados, por default:
video/mp4,video/ogg,video/ogv,video/webm Este parámetro sirve para decirle al widget que nos muestre información adicional a la hora de enviar archivos o en la vista previa. nos mostrara detalles de lo que el input o textarea contienen. por default "false" Clase que se agrega al widget en la vista previa. Por default vacío. Este parámetro es un JSON con información de cómo procesaremos la imagen enviada del lado del servidor, es usado en el widget de imagen principalmente, pero también puede ser definido para el widget de video (para él envió del poster de video) y el widget de richtext ya que se envía imágenes y video para el contenido enriquecido. las funciones que se pueden prosesar son:
  • Cropping
  • Filter
  • Flip
  • Opacity
  • Resizing
  • Rotating
  • WritingTextImage
  • watermarkImage
  • thumbnailImage
Todas estas funciones pueden mezclarse entre sí y guardar en resultado en sub carpetas y archivos separados. tambien puede procesar imagenes GIF animadas.

Edicion JSON imageprocessing:

images:

Selecciona de lado derecho alguno de los elementos de la lista para editar.

Editando actualmente: ninguno

La imagen al ser enviada puede ser copiada en un sub directorio. Así las acciones se ejecutaran sobre esta copia de imagen. Si no se define las acciones se ejecutaran sobre la imagen en el lugar donde se definió el envío.

Si no es definido se toma transparente en png y blanco para los demás formatos



Cropping

Si no se define Width y Height se recortara un cuadrado del tamaño del lado más pequeño de la imagen

Filter


IMG_FILTER_BRIGHTNESS:Nivel de brillo. -255 = min brightness, 0 = no change, +255 = max brightness
IMG_FILTER_CONTRAST: Nivel de contraste. -100 = max contrast, 0 = no change, +100 = min contrast (note the direction!)
IMG_FILTER_COLORIZE: Valor del componente rojo. Adds (subtracts) specified RGB values to each pixel. The valid range for each color is -255...+255, not 0...255. The correct order is red, green, blue. -255 = min, 0 = no change, +255 = max This has not much to do with IMG_FILTER_GRAYSCALE.
IMG_FILTER_SMOOTH: Applies a 9-cell convolution matrix where center pixel has the weight arg1 and others weight of 1.0. The result is normalized by dividing the sum with arg1 + 8.0 (sum of the matrix). any float is accepted, large value (in practice: 2048 or more) = no change
IMG_FILTER_PIXELATE: Tamaño de bloque en píxeles.



IMG_FILTER_COLORIZE:Valor del componente verde. Adds (subtracts) specified RGB values to each pixel. The valid range for each color is -255...+255, not 0...255. The correct order is red, green, blue. -255 = min, 0 = no change, +255 = max This has not much to do with IMG_FILTER_GRAYSCALE.
IMG_FILTER_PIXELATE: Si usar o no el efecto de pixelación avanzado (por defecto a FALSE).



IMG_FILTER_COLORIZE:Valor del componente azul. Adds (subtracts) specified RGB values to each pixel. The valid range for each color is -255...+255, not 0...255. The correct order is red, green, blue. -255 = min, 0 = no change, +255 = max This has not much to do with IMG_FILTER_GRAYSCALE.



IMG_FILTER_COLORIZE:Canal alfa. Un valor entre 0 y 127. 0 indica completamente opaco mientras que 127 indica completamente transparente.

Flip

Opacity

Resizing

Rotating

WritingTextImage