# j-Preview

> Denna komponent återställer bilden automatiskt enligt inställningarna och laddar upp den till servern i bas64-format.

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

Denna komponent återställer bilden automatiskt enligt inställningarna och laddar upp den till servern i `base64`-format.

- Svar från servern behöver innehålla URL-adressen till bilden
- Det fungerar med Bootstrap Grid System
- drag och drop stöd
- Stöd för EXIF-orientation

__Vägen__:

Värdet / svaret (från laddningen) kommer att användas som en URL för förhandsvisning.

__Konfigurera__:

- `url {String}` (__IMPORTANT__) ladda upp URL, kan innehålla en metod också (krav)
- `width {Number}` en bildbredd (kravad)
- `height {Number}` en bildhöjd (kravad)
- `percentage {Number}` återställer en bild enligt andelen (efter `width` och `height` krävs inte)
- `icon {String}` (alternativ) etiketten utan `ti`, (default: `null`)
- `background {String}` (alternativ) en bakgrundsfärg, det kan vara `transparent` (default: `white`)
- `schema {String}` förberedd objekt för sändning (default: `{file:base64,filename:filename}`, `base64` + `filename` är ett värde från förhandsvisning)
- `quality {Number}` JPEG kvalitet (default: `90`)
- `customize {Boolean}` återställer bilden till den definierade storleken (default: `true`)
- `preview {String}` förbereder en värdeövervakning URL (default: `null`)
	- Exempel på `value => '/download/' + value + '.jpg'`
- `map {String}` förbereder svarvärde till ett värde (default: `null`)
	- Exempel på `value => value.id`
- `empty {String}` en länk till den tomma bilden
- `keeporiginal {Boolean}` håller den ursprungliga bilden om dimensionen är densamma som bredden/höjden definierad i konfigurationen (default: `false`)
- __NEW__ `output {String}` utgångstyp `base64` (default) eller `file`
- __NEW__ `convert {String}` en bildtyp `jpg` (default) eller `png`
- __NEW__ `exec {String}` en väg till metoden `function(next(url))` (det förhindrar dialog med filen)
- __NEW__ `center {Boolean}` anpassar bilden och etiketten till centrum

__Metoder__:

- `component.reupload()` återlämnar det ett aktuellt bildvärde som en bas64.

Använd den med `<ui-component name="preview">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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