j-ImageUploader

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Um componente simples para o upload de imagens reutilizadas.O componente carrega base64 de acordo com o schema definido em options do chamador.

Métodos:

imageuploader/upload(opt) mostra um diálogo de arquivo
- opt.width {Number}
- opt.height {Number}
- opt.background {String} uma cor de fundo padrão (NEW: suporta o valor de transparent e a saída será .png)
- opt.url {String} important URL onde a imagem será carregada
- opt.multiple {Boolean} suporta vários arquivos (default: false)
- opt.schema {String} padrão { file: base64, name: filename }
- opt.quality {Number} padrão 90
- opt.callback(response, errors) um callback importante
- opt.keeporiginal {Boolean} mantém a imagem original se a dimensão for a mesma que a largura/altura definida na configuração (default: false)
- NEW opt.files {FileList} opcional (se você usar, por exemplo, Drag & Drop)

Componentes Amigáveis:

Este componente funciona com loading quando o arquivo é carregado.

Use-o com <ui-component name="imageuploader">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>