j-ImageUploader

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Komponent jest prostym elementem do przesyłania obrazu ponownego.Komponent przesyła baz64 zgodnie z schema zdefiniowanym w options callera.

Metody:

imageuploader/upload(opt) pokazuje dialog plików
- opt.width {Number}
- opt.height {Number}
- opt.background {String} kolor podstawowy (NEW: popiera wartość transparent i wyjście będzie .png)
- opt.url {String} important URL gdzie zostanie przesyłany obraz
- opt.multiple {Boolean} obsługuje wiele plików (default: false)
- opt.schema {String} Wady { file: base64, name: filename }
- opt.quality {Number} Wady 90
- opt.callback(response, errors) - ważny zwrot
- opt.keeporiginal {Boolean} zachowuje oryginalny obraz, jeśli rozmiar jest taki sam jak szerokość / wysokość zdefiniowana w konfiguracji (default: false)
- NEW opt.files {FileList} opcjonalne (jeśli używasz np. Drag & Drop)

Przyjazne komponenty:

Ten element działa z loading, gdy plik jest pobierany.

Użyj go z <ui-component name="imageuploader">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

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>