j-ImageUploader

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Eine einfache Singleton-Komponente zum Hochladen von Bildern mit geänderter Größe. Die Komponente lädt Base64 entsprechend dem in options des Aufrufers definierten schema hoch.

Methoden:

imageuploader/upload(opt) zeigt einen Dateidialog an
- opt.width {Number}
- opt.height {Number}
- opt.background {String} eine Standardhintergrundfarbe (NEU: unterstützt den transparent-Wert und die Ausgabe erfolgt in .png)
- opt.url {String} important URL, wo das Bild hochgeladen wird
- opt.multiple {Boolean} unterstützt mehrere Dateien (Standard: false)
- opt.schema {String} Standard { file: base64, name: filename }
- opt.quality {Number} Standard 90
- opt.callback(response, errors) ein Rückruf wichtig
- opt.keeporiginal {Boolean} behält das Originalbild bei, wenn die Abmessung mit der in der Konfiguration definierten Breite/Höhe übereinstimmt (Standard: false)
- NEW opt.files {FileList} optional (wenn Sie z.B. Drag & Drop verwenden)

Freundliche Komponenten:

Diese Komponente arbeitet mit loading, wenn die Datei hochgeladen wird.

Verwenden Sie es mit <ui-component name="imageuploader">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>