j-ImageUploader

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Ένα απλό σύνθετο συστατικό για την αναβάθμιση των ανακυκλωμένων εικόνων. Το συστατικά αναβαθμίζει base64 σύμφωνα με το schema που ορίζεται στο options του κλήτη.

Μέθοδοι:

imageuploader/upload(opt) εμφανίζει ένα αρχείο διαλόγου
- opt.width {Number}
- opt.height {Number}
- opt.background {String} ένα προεπιλεγμένο χρώμα φόντου (NEW: υποστηρίζει την τιμή transparent και η παραγωγή θα είναι .png)
- opt.url {String} important URL όπου θα μεταφορτωθεί η εικόνα
- Το opt.multiple {Boolean} υποστηρίζει πολλαπλά αρχεία (προεπιλεγμένο: false)
- opt.schema {String} Εξαφανισμένοι { file: base64, name: filename }
- opt.quality {Number} Εξαφανισμένοι 90
- opt.callback(response, errors) Το κλήμα - σημαντικό
- Το opt.keeporiginal {Boolean} διατηρεί την αρχική εικόνα εάν η διάσταση είναι η ίδια με το πλάτος / ύψος που ορίζεται στη διαμόρφωση (προεπιλογή: false)
- NEW opt.files {FileList} προαιρετική (εάν χρησιμοποιείτε π.χ. Drag & Drop)

Φιλικά συστατικά:

Αυτό το στοιχείο λειτουργεί με loading όταν το αρχείο είναι φορτωμένο.

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

example.html

<ui-component name="imageuploader"></ui-component>
<div onclick="uploadphoto()">Click to upload</div>

<script>

	function uploadphoto() {
		var opt = {};
		opt.width = 200;
		opt.height = 200;
		opt.url = '/api/upload/base64/';
		opt.background = '#FFFFFF';
		opt.multiple = true;
		opt.callback = function(response, err) {
			console.log(response, err);
		};
		SETTER('imageuploader/upload', opt);
	}

</script>