j-Preview

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Tato složka automaticky zobrazuje obrázek podle nastavení a stáhne ho na server ve formátu base64.

Odpověď ze serveru musí obsahovat adresu URL obrázku
Systém Bootstrap Grid
Drop a drop podpora
Podporuje orientaci EXIF

Cesta:

Hodnota/odpověď (z nahrávání) bude použita jako adresa URL pro předvídatelný přehled.

Konfigurace:

url {String} (IMPORTANT) nahrávat URL, může obsahovat metodu také (vyžaduje se)
width {Number} - šířka obrazu (vyžaduje se)
height {Number} výška obrazu (vyžaduje se)
percentage {Number} resizuje obrázek podle procenta (při tom width a height nejsou požadovány)
icon {String} (volitelné) ikona označení bez ti, (předvolené: null)
background {String} (volitelná) barva pozadí, může to být transparent (předběžně: white)
schema {String} předmět připravený k odeslání (předvolená hodnota: {file:base64,filename:filename}, base64 + filename je hodnota z předpovědi)
Kvalita quality {Number} JPEG (předvolená: 90)
customize {Boolean} zobrazuje obrázek na definovanou velikost (předběžně: true)
preview {String} připravuje předběžnou hodnotu URL adresy (předběžné: null)
- Příklad: value => '/download/' + value + '.jpg'
map {String} připravuje hodnotu odpovědi na hodnotu (předvolené: null)
- Příklad: value => value.id
empty {String} odkaz na prázdný obrázek
keeporiginal {Boolean} zachovává původní obrázek, pokud je rozměr stejný jako šířka/výška definovaná v konfiguraci (předběžně: false)
NEW output {String} výstupní typ base64 (předvolený) nebo file
NEW convert {String} obrázek typu jpg (podle předvolby) nebo png
NEW exec {String} cesta k metodu function(next(url)) (nemůže dialog s přenosu souborů)
NEW center {Boolean} přizpůsobuje obrázek a štítek centru

Metody:

component.reupload() přehráva aktuální hodnotu obrazu jako základ64.

Použijte ji s <ui-component name="preview">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>