# j-Preview

> Questo componente riproduce automaticamente l'immagine secondo le impostazioni e lo carica sul server in formato base64.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: it
Content-SHA256: 1274ad1f90164a52177cf37501fda3d52e87097bf6e043d0c3c91cf68912a6a0
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Questo componente riproduce automaticamente l'immagine secondo le impostazioni e lo carica sul server in formato `base64`.

- La risposta dal server deve contenere l'URL dell'immagine
- Funziona con il sistema Bootstrap Grid
- Il supporto di drag e drop
- Sostenere l'orientamento EXIF

__Il cammino__:

Il valore/risposta (dal upload) sarà utilizzato come URL per la preview.

__Configurazione__:

- `url {String}` (__IMPORTANT__) URL di caricamento, può contenere anche un metodo (necessario)
- `width {Number}` una larghezza dell'immagine (necessaria)
- `height {Number}` (altezza di un'immagine)
- `percentage {Number}` riproduce un'immagine in base al percentuale (quindi `width` e `height` non sono richiesti)
- `icon {String}` (opzionale) l'icona di etichetta senza `ti`, (default: `null`)
- `background {String}` (opzionale) un colore di sfondo, può essere `transparent` (default: `white`)
- L'oggetto `schema {String}` preparato per l'invio (default: `{file:base64,filename:filename}`, `base64` + `filename` è un valore da preview)
- `quality {Number}` Qualità JPEG (per impostazione predefinita) `90`)
- `customize {Boolean}` risuona l'immagine alla dimensione definita (default: `true`)
- `preview {String}` prepara un indirizzo URL prevedibile (default: `null`)
	- Esempio di `value => '/download/' + value + '.jpg'`
- `map {String}` prepara il valore di risposta a un valore (default: `null`)
	- Esempio di `value => value.id`
- `empty {String}` un collegamento all'immagine vuota
- `keeporiginal {Boolean}` conserva l'immagine originale se la dimensione è la stessa della larghezza/altezza definita nella configurazione (default: `false`)
- __NEW__ `output {String}` tipo di uscita `base64` (default) o `file`
- __NEW__ `convert {String}` un tipo di immagine `jpg` (default) o `png`
- __NEW__ `exec {String}` un percorso al metodo `function(next(url))` (è impedito il dialogo di caricamento del file)
- __NEW__ `center {Boolean}` alinea l'immagine e l'etichetta al centro

__Metodi__:

- `component.reupload()` ricarica un valore immagine corrente come base64.

Utilizzare con `<ui-component name="preview">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>
```