j-Preview

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

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.

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>