j-Preview

Αυτό το συστατικό επαναλαμβάνει αυτόματα την εικόνα σύμφωνα με τις ρυθμίσεις και την ανεβάζει στον διακομιστή σε μορφή 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 άδεια.

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