# j-ImageUploader

> Een eenvoudige singleton-component voor het uploaden van gerecycleerde afbeeldingen.De component uploadt base64 volgens het schema dat is gedefinieerd in de opties van de oproep.

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

Een eenvoudige singletoncomponent voor het uploaden van hersteld beelden.De component uploadt base64 volgens de `schema` gedefinieerd in `options` van de oproep.


__Methoden__:

- `imageuploader/upload(opt)` toont een bestanddialoog
	- `opt.width {Number}`
	- `opt.height {Number}`
	- `opt.background {String}` een standaard achtergrondkleur (__NEW__: ondersteunt de `transparent` waarde en de uitgang zal zijn `.png`)
	- `opt.url {String}` __important__ URL waar de afbeelding zal worden geüpload
	- `opt.multiple {Boolean}` ondersteunt meerdere bestanden (default: `false`)
	- `opt.schema {String}` Vervalsing `{ file: base64, name: filename }`
	- `opt.quality {Number}` Vervalsing `90`
	- `opt.callback(response, errors)` een callback __belangrijk__
	- `opt.keeporiginal {Boolean}` behoudt de oorspronkelijke afbeelding als de dimensie hetzelfde is als de breedte/hoge gedefinieerd in de configuratie (default: `false`)
	- __NEW__ `opt.files` {FileList} optioneel (als u bijvoorbeeld Drag & Drop gebruikt)

__Vriendelijke componenten__:
Deze component werkt met `loading` wanneer de bestand wordt geüpload.

Gebruik het met `<ui-component name="imageuploader">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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