# j-Preview

> Este componente resige a imagem automaticamente de acordo com as configurações e o carrega para o servidor em formato base64.

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

Este componente resiste automaticamente a imagem de acordo com as configurações e o carrega para o servidor em formato `base64`.

- A resposta do servidor precisa de conter o endereço URL da imagem
- Trabalhe com o sistema Bootstrap Grid
- Acompanhe e Drop Support
- Apoio à orientação EXIF

__Caminho__:

O valor/resposta (do upload) será usado como um endereço de URL para pré-visualização.

__Configuração__:

- `url {String}` (__IMPORTANT__) upload URL, pode conter um método também (requerido)
- `width {Number}` uma largura de imagem (requerido)
- `height {Number}` - altura da imagem (requerida)
- `percentage {Number}` reside uma imagem de acordo com a porcentagem (até `width` e `height` não são necessários)
- `icon {String}` (opcional) o ícone de rótulo sem `ti`, (default: `null`)
- `background {String}` (opcional) uma cor de fundo, pode ser `transparent` (default: `white`)
- `schema {String}` objeto preparado para envio (default: `{file:base64,filename:filename}`, `base64` + `filename` é um valor de pré-visualização)
- Qualidade de `quality {Number}` JPEG (default: `90`)
- `customize {Boolean}` reside a imagem para o tamanho definido (default: `true`)
- `preview {String}` prepara um URL de previsão de valor (default: `null`)
	- Exemplo de `value => '/download/' + value + '.jpg'`
- `map {String}` prepara o valor de resposta para um valor (default: `null`)
	- Exemplo de `value => value.id`
- `empty {String}` um link para a imagem vazia
- `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__ `output {String}` tipo de saída `base64` (default) ou `file`
- __NEW__ `convert {String}` um tipo de imagem `jpg` (default) ou `png`
- __NEW__ `exec {String}` um caminho para o método `function(next(url))` (impede o diálogo de upload de arquivos)
- __NEW__ `center {Boolean}` alinhará a imagem e o rótulo ao centro

__Métodos__:

- `component.reupload()` recarrega um valor da imagem atual como base64.

Use-o com `<ui-component name="preview">`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
<div style="padding:50px;max-width:300px">
	<ui-component name="preview" path="picture" config="width:300;height:200;url:POST /upload/;icon:folder">Preview</ui-component>
</div>

<script>
	var picture = '';
</script>
```