# j-Preview

> Această componentă resizează automat imaginea în funcție de setări și o încărcă la server în format base64.

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

Această componentă resizează automat imaginea în funcție de setări și o încărcă la server în format `base64`.

- Reacția serverului trebuie să conțină adresa URL a imaginii
- Funcționează cu sistemul Bootstrap
- Drag și Drop suport
- susține orientarea EXIF

__Calea__:

Valoarea/responsul (de la încărcare) va fi utilizat ca adresă URL pentru preview.

__Configurarea__:

- `url {String}` (__IMPORTANT__) URL-ul de încărcare, poate conține și o metodă (reclamată)
- `width {Number}` o lățime a imaginii (reclamat)
- `height {Number}` înălțimea imaginii (necesită)
- `percentage {Number}` resizează o imagine în funcție de procent (dacă `width` și `height` nu sunt necesare)
- `icon {String}` (opțional) iconul de etichetă fără `ti`, (default: `null`)
- `background {String}` (opțional) o culoare de fundal, poate fi `transparent` (default: `white`)
- Obiectul `schema {String}` pregătit pentru trimitere (default: `{file:base64,filename:filename}`, `base64` + `filename` este o valoare de la preview)
- `quality {Number}` Calitatea JPEG (defaultă) `90`)
- `customize {Boolean}` resizeaza imaginea la dimensiunea definita (default: `true`)
- `preview {String}` pregătește o adresă URL de prevedere a valorii (default: `null`)
	- Exemplu: `value => '/download/' + value + '.jpg'`
- `map {String}` pregătește valoarea răspunsului la o valoare (default: `null`)
	- Exemplu: `value => value.id`
- `empty {String}` - un link la imaginea goală
- `keeporiginal {Boolean}` păstrează imaginea originală dacă dimensiunea este aceeași cu lățimea/ălțimea definită în configurație (default: `false`)
- __NEW__ `output {String}` tip de ieșire `base64` (default) sau `file`
- __NEW__ `convert {String}` un tip de imagine `jpg` (default) sau `png`
- __NEW__ `exec {String}` o cale spre metoda `function(next(url))` (acest dialog împiedică încărcarea fișierului)
- __NEW__ `center {Boolean}` aliniază imaginea și eticheta cu centrul

__Metode__:

- `component.reupload()` reîncărcă o valoare a imaginii curente ca bază64.

Utilizați-l cu `<ui-component name="preview">`Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa `DEF.fallback` (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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