j-ImageUploader

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Componenta singletonă simplă pentru încărcarea imaginilor redistribuite. Componentul încărcă baza64 în conformitate cu schema definită în options de apel.

Metode:

imageuploader/upload(opt) arată un dialog de fișier
- opt.width {Number}
- opt.height {Number}
- opt.background {String} este o culoare de fundal (NEW: susține valoarea transparent și rezultatul va fi .png)
- opt.url {String} important URL unde va fi încărcată imaginea
- opt.multiple {Boolean} susține mai multe fișiere (default: false)
- opt.schema {String} deficitare { file: base64, name: filename }
- opt.quality {Number} deficitare 90
- opt.callback(response, errors) – un apel important
- opt.keeporiginal {Boolean} păstrează imaginea originală dacă dimensiunea este aceeași cu lățimea/ălțimea definită în configurație (default: false)
- NEW opt.files {FileList} opțional (dacă utilizați e.g Drag & Drop)

Componente prietenoase:

Acest component funcționează cu loading atunci când fișierul este încărcat.

Utilizați-l cu <ui-component name="imageuploader">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>