# j-ImageUploader

> Jednoduchá singletonová složka pro nahrávání recyklovaných snímků. složka nahrává base64 podle schématu definovaného v volebních možnostech.

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

Jednoduchá singletonová složka pro nahrávání recyklovaných obrázků. složka nahrává base64 podle `schema` definovaného v `options` volajícího.


__Metody__:

- `imageuploader/upload(opt)` zobrazuje souborový dialog
	- `opt.width {Number}`
	- `opt.height {Number}`
	- `opt.background {String}` je předvolená barva pozadí (__NEW__: podporuje hodnotu `transparent` a výstup bude `.png`)
	- `opt.url {String}` __important__ URL, kde se zobrazí obrázek
	- `opt.multiple {Boolean}` podporuje více souborů (předvolené: `false`)
	- `opt.schema {String}` Defaulty `{ file: base64, name: filename }`
	- `opt.quality {Number}` Defaulty `90`
	- `opt.callback(response, errors)` - důležitý
	- `opt.keeporiginal {Boolean}` zachovává původní obrázek, pokud je rozměr stejný jako šířka/výška definovaná v konfiguraci (předběžně: `false`)
	- __NEW__ `opt.files` {FileList} volitelné (pokud používáte např. Drag & Drop)

__Přátelské komponenty__:
Tato složka pracuje s `loading` při stahování souboru.

Použijte ji s `<ui-component name="imageuploader">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

```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>
```