j-ImageUploader

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Un componente singleton simple para cargar imágenes redimensionadas. El componente carga base64 de acuerdo con schema definido en options de la persona que llama.

Métodos:

imageuploader/upload(opt) muestra un cuadro de diálogo de archivo
- opt.width {Number}
- opt.height {Number}
- opt.background {String} un color de fondo predeterminado (NEW: admite el valor transparent y la salida será .png)
- opt.url {String} importante URL donde se cargará la imagen
- opt.multiple {Boolean} admite varios archivos (predeterminado: false)
- opt.schema {String} predeterminado { file: base64, name: filename }
- opt.quality {Number} predeterminado 90
- opt.callback(response, errors) una devolución de llamada importante
- opt.keeporiginal {Boolean} mantiene la imagen original si la dimensión es igual al ancho/alto definido en la configuración (predeterminado: false)
- NEW opt.files {FileList} opcional (si usa, por ejemplo, Arrastrar y soltar)

Componentes amigables:

Este componente funciona con loading cuando se carga el archivo.

Úselo con <ui-component name="imageuploader">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>