j-ImageUploader

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

En enkel singletonkomponent för att ladda upp ombyggda bilder. komponenten laddar upp bas64 enligt schema definierad i options av caller.

Metoder:

imageuploader/upload(opt) visar en fil dialog
- opt.width {Number}
- opt.height {Number}
- opt.background {String} en standard bakgrundsfärg (NEW: stöder värdet transparent och utgången kommer att vara .png)
- opt.url {String} important URL där bilden laddas upp
- opt.multiple {Boolean} stöder flera filer (default: false)
- opt.schema {String} Förfalskning { file: base64, name: filename }
- opt.quality {Number} Förfalskning 90
- opt.callback(response, errors) en callback _ viktigt__
- opt.keeporiginal {Boolean} håller den ursprungliga bilden om dimensionen är densamma som bredden/höjden definierad i konfigurationen (default: false)
- NEW opt.files {FileList} valfritt (om du använder t.ex. Drag & Drop)

Vänliga komponenter:

Denna komponent fungerar med loading när filen laddas upp.

Använd den med <ui-component name="imageuploader">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>