# j-FileUploader

> Een eenvoudige component voor het uploaden van bestanden. Het ondersteunt auto-resizing beelden.

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

Een eenvoudige component voor het uploaden van bestanden. Het ondersteunt auto-resizing beelden.

- __IMPORTANT__: in jComponent v20, moet de waarde van `opt.url` in het formulier `POST /url/` zijn

__Configuratie__:

- `url {String}` een standaard URL voor uploaden

__Methoden__:

- `fileuploader/upload(opt)` toont een bestanddialoog
	- `opt.url {String}` __important__ URL waar de afbeelding zal worden geüpload
	- `opt.callback(response, errors) {Function}` een callback __belangrijk__
	- `opt.multiple {Boolean}` ondersteunt meerdere bestanden (default: `false`)
	- `opt.progress(percentage)` functioneert
	- `opt.accept {String}` accepteert type (default: `*/*`)
	- `opt.prefix {String}` een voornaam `<input name="file{0}"` (default: `file{0}`)
	- `opt.files {FileList}` optioneel (als u bijvoorbeeld Drag & Drop gebruikt)
	- `opt.data {Object}` optionele, aanvullende aangepaste gegevens `key_string:value_string`
	- `opt.width {Number}` optie, beeldbreedte
	- `opt.height {Number}` optie, beeldhoogte
	- `opt.background {String}` optioneel, achtergrondkleur gedefinieerd in HEX of kan `transparent` zijn
	- `opt.keeporiginal {Boolean}` optioneel, voorkomt dubbele resisatie (default: `false`)
	- `opt.onlylarger {Boolean}` optioneel, resiseert afbeeldingen alleen groter dan `opt.width` of `opt.height`
	- `opt.base64 {String}` optioneel, het kan een geldig `dataURI` format bevatten (verplicht om te vullen `opt.filename`)
	- `opt.filename {String}` optie, vereist met het veld `opt.base64`
	- `opt.quality {Number}` optioneel, een standaard JPEG kwaliteit (default: `90`)
	- __NEW__: `opt.disproportionate {Boolean}` gebruikt `opt.width` of `opt.height` als maximale waarden

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

Gebruik het met `<ui-component name="fileuploader">`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="fileuploader"></ui-component>
<div class="exec link" data-exec="upload">Upload</div>

<script>
	function upload() {

		var opt = {};

		opt.url = '/api/upload/';

		// jComponent v20:
		// opt.url = 'POST /api/upload/';

		// opt.multiple = true;
		// opt.accept = 'text/*';

		opt.callback = function(response, err) {
			console.log(response, err);
		};
		opt.progress = function(percentage) {
			console.log(percentage);
		};

		SETTER('fileuploader/upload', opt);
	}
</script>
```