j-ImageUploader

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

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.

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>