# j-Preview

> Ez a komponens automatikusan átirányítja a képet a beállítások szerint, és az alap64 formátumú szerverre töltötte fel.

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

Ez az összetevő automatikusan a beállítások szerint átirányítja a képet, és `base64` formátumban töltse fel a szerverre.

- A kiszolgáló válaszának tartalmaznia kell a kép URL-jét
- A Bootstrap Grid rendszer
- Drop és drag támogatás
- Támogatja az EXIF orientációt

__út__:

Az érték / válasz (a felvételről) az előzetes megtekintés URL-je lesz.

__konfiguráció__:

- `url {String}` (__IMPORTANT__) URL-t tölt be, tartalmazhat egy módszert is (követelmény)
- `width {Number}` egy kép szélessége (követelmény)
- `height {Number}` kép magassága (követelmény)
- A `percentage {Number}` a kép százalékos arányának megfelelően átirányítja (ezután a `width` és a `height` nem szükséges)
- `icon {String}` (opcionális) a címke ikon nélkül `ti`, (default: `null`)
- `background {String}` (opcionális) háttérszín, lehet `transparent` (default: `white`)
- `schema {String}` kész tárgy küldésre (előzetes: `{file:base64,filename:filename}`, `base64` + `filename` az előzetes érték)
- `quality {Number}` JPEG minőség (például `90`)
- A `customize {Boolean}` ábrázolja a képet a meghatározott méretre (default: `true`)
- A `preview {String}` előkészíti az előzetes URL-címet (default: `null`)
	- Példaként: `value => '/download/' + value + '.jpg'`
- `map {String}` készíti a válasz értéket egy értékre (default: `null`)
	- Példaként: `value => value.id`
- `empty {String}` - link az üres képhez
- A `keeporiginal {Boolean}` megtartja az eredeti képet, ha a dimenzió ugyanaz, mint a konfigurációban meghatározott szélesség/magasság (első: `false`)
- __NEW__ `output {String}` kimeneti típus `base64` (default) vagy `file`
- __NEW__ `convert {String}` egy kép típusú `jpg` (default) vagy `png`
- __NEW__ `exec {String}` a `function(next(url))` módszerhez vezető út (megakadályozza a fájl feltöltését)
- __NEW__ `center {Boolean}` igazítja a képet és a címkét a központhoz

__módszerek__:

- A `component.reupload()` a jelenlegi kép értéket alapként töltse fel.

Használja a `<ui-component name="preview">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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