# j-ImageUploader

> Prosty element singletonowy do przesyłania ponownych obrazów. Komponent przesyła baz64 zgodnie z schematem zdefiniowanym w opcjach callera.

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

Komponent jest prostym elementem do przesyłania obrazu ponownego.Komponent przesyła baz64 zgodnie z `schema` zdefiniowanym w `options` callera.


__Metody__:

- `imageuploader/upload(opt)` pokazuje dialog plików
	- `opt.width {Number}`
	- `opt.height {Number}`
	- `opt.background {String}` kolor podstawowy (__NEW__: popiera wartość `transparent` i wyjście będzie `.png`)
	- `opt.url {String}` __important__ URL gdzie zostanie przesyłany obraz
	- `opt.multiple {Boolean}` obsługuje wiele plików (default: `false`)
	- `opt.schema {String}` Wady `{ file: base64, name: filename }`
	- `opt.quality {Number}` Wady `90`
	- `opt.callback(response, errors)` - ważny zwrot
	- `opt.keeporiginal {Boolean}` zachowuje oryginalny obraz, jeśli rozmiar jest taki sam jak szerokość / wysokość zdefiniowana w konfiguracji (default: `false`)
	- __NEW__ `opt.files` {FileList} opcjonalne (jeśli używasz np. Drag & Drop)

__Przyjazne komponenty__:
Ten element działa z `loading`, gdy plik jest pobierany.

Użyj go z `<ui-component name="imageuploader">`Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu `DEF.fallback` (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>
```