# j-Preview

> Αυτό το συστατικό επαναλαμβάνει αυτόματα την εικόνα σύμφωνα με τις ρυθμίσεις και την ανεβάζει στον διακομιστή σε μορφή base64.

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

Αυτό το συστατικό επαναλαμβάνει αυτόματα την εικόνα σύμφωνα με τις ρυθμίσεις και την ανεβάζει στον διακομιστή σε μορφή `base64`.

- Η απάντηση από τον διακομιστή πρέπει να περιέχει τη διεύθυνση URL της εικόνας
- Η λειτουργία του Bootstrap Grid System
- Δράση και υποστήριξη
- Υποστηρίζει την προσανατολισμό

__Ο δρόμος__:

Η τιμή/απόκριση (από την φόρτιση) θα χρησιμοποιηθεί ως διεύθυνση URL για προβολή.

__ΕΠΙΤΡΟΦΗ__:

- `url {String}` (__IMPORTANT__) upload URL, μπορεί να περιέχει μια μέθοδο επίσης (απαιτείται)
- `width {Number}` πλάτος εικόνας (αναγκαία)
- `height {Number}` ύψος εικόνας (αναγκαία)
- Το `percentage {Number}` αναζωογονεί μια εικόνα σύμφωνα με το ποσοστό (το `width` και το `height` δεν απαιτούνται)
- `icon {String}` (επιλεγμένη) η ετικέτα χωρίς `ti`, (προσδιορισμός: `null`)
- `background {String}` (επιλεγμένο) χρώμα φόντου, μπορεί να είναι `transparent` (προσδιορισμός: `white`)
- `schema {String}` προετοιμασμένο αντικείμενο για αποστολή (προεπιλογή: `{file:base64,filename:filename}`, `base64` + `filename` είναι μια τιμή από την προβολή)
- Ποιότητα `quality {Number}` JPEG (προεπιλεγμένη: `90`)
- Το `customize {Boolean}` αναζωογονεί την εικόνα στο καθορισμένο μέγεθος (προεπιλογή: `true`)
- Το `preview {String}` προετοιμάζει μια διεύθυνση URL προβολής αξίας (προεπιλεγμένη: `null`)
	- Παράδειγμα: `value => '/download/' + value + '.jpg'`
- Το `map {String}` προετοιμάζει την τιμή αντίδρασης σε μια τιμή (προεπιλεγμένη τιμή: `null`)
	- Παράδειγμα: `value => value.id`
- `empty {String}`: Ένας σύνδεσμος με την κενή εικόνα
- Το `keeporiginal {Boolean}` διατηρεί την αρχική εικόνα εάν η διάσταση είναι η ίδια με το πλάτος / ύψος που ορίζεται στη διαμόρφωση (προεπιλογή: `false`)
- __NEW__ `output {String}` τύπος εξόδου `base64` (προεπιλεγμένη) ή `file`
- __NEW__ `convert {String}` τύπος εικόνας `jpg` (προεπιλεγμένο) ή `png`
- __NEW__ `exec {String}` ένα μονοπάτι προς τη μέθοδο `function(next(url))` (αποτρέπει τον διάλογο φόρτωσης αρχείων)
- __NEW__ `center {Boolean}` προσαρμόζει την εικόνα και την ετικέτα στο κέντρο

__Μέθοδοι__:

- Το `component.reupload()` επαναφορτίζει μια τρέχουσα τιμή εικόνας ως βάση64.

Χρησιμοποιήστε το με `<ui-component name="preview">`Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

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