# j-ImageUploader

> Едноставен елемент за изтегляне на рециклирани изображения. компонентът изтегли база64 според схемата, определена в опциите на повикване.

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

Едноставен компонент за изтегляне на рециклирани изображения. компонентът изтегли база64 според `schema`, дефиниран в `options` на повикване.


__Методи__:

- `imageuploader/upload(opt)` показва диалог с файлове
	- `opt.width {Number}`
	- `opt.height {Number}`
	- `opt.background {String}` е стандартна цвят на фона (__NEW__: поддържа стойността на `transparent` и изходът ще бъде `.png`)
	- `opt.url {String}` __important__ URL, където ще бъде изтеглена изображението
	- `opt.multiple {Boolean}` поддържа няколко файла (предварително: `false`)
	- `opt.schema {String}` дефолт `{ file: base64, name: filename }`
	- `opt.quality {Number}` дефолт `90`
	- `opt.callback(response, errors)` Връщане – важен
	- `opt.keeporiginal {Boolean}` запазва оригиналния образ, ако размерът е същият като ширината/височината, определена в конфигурацията (предварително: `false`)
	- __NEW__ `opt.files` {FileList} опция (ако използвате например Drag & Drop)

__Приятелски компоненти__:
Този компонент работи с `loading`, когато файлът е изтеглен.

Използвайте го с `<ui-component name="imageuploader">`Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в `DEF.fallback` (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>
```