# j-ImageUploader

> Un componente singleton simple para cargar imágenes redimensionadas. El componente carga base64 según el esquema definido en las opciones de la persona que llama.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: 5704bb53b784ac5be50500763717a58ef9654104f092cf05cc5ba7c315ce641e
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Un componente singleton simple para cargar imágenes redimensionadas. El componente carga base64 de acuerdo con `schema` definido en `options` de la persona que llama.


__Métodos__:

- `imageuploader/upload(opt)` muestra un cuadro de diálogo de archivo
	- `opt.width {Number}`
	- `opt.height {Number}`
	- `opt.background {String}` un color de fondo predeterminado (__NEW__: admite el valor `transparent` y la salida será `.png`)
	- `opt.url {String}` __importante__ URL donde se cargará la imagen
	- `opt.multiple {Boolean}` admite varios archivos (predeterminado: `false`)
	- `opt.schema {String}` predeterminado `{ file: base64, name: filename }`
	- `opt.quality {Number}` predeterminado `90`
	- `opt.callback(response, errors)` una devolución de llamada __importante__
	- `opt.keeporiginal {Boolean}` mantiene la imagen original si la dimensión es igual al ancho/alto definido en la configuración (predeterminado: `false`)
	- __NEW__ `opt.files` {FileList} opcional (si usa, por ejemplo, Arrastrar y soltar)

__Componentes amigables__:
Este componente funciona con `loading` cuando se carga el archivo.

Úselo con `<ui-component name="imageuploader">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

```html example.html
<ui-component name="imageuploader"></ui-component>
<div onclick="uploadphoto()">Click to upload</div>

<script>

	function uploadphoto() {
		var opt = {};
		opt.width = 200;
		opt.height = 200;
		opt.url = '/api/upload/base64/';
		opt.background = '#FFFFFF';
		opt.multiple = true;
		opt.callback = function(response, err) {
			console.log(response, err);
		};
		SETTER('imageuploader/upload', opt);
	}

</script>
```