# j-ImageUploader

> Um componente simples para o upload de imagens reutilizadas.O componente carrega base64 de acordo com o esquema definido nas opções do chamador.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: pt
Content-SHA256: 825497e60e440045cfbdf1c0f6e3ec2ea5c11470efe76090b547a389304dfd7e
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

```html 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>
```