j-FileUploader

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

Ένα απλό συστατικό για λήψη αρχείων. Υποστηρίζει αυτόματη αναζωογόνηση εικόνων.

ΣΗΜΑΝΤΙΚΟ: στο jComponent v20, η τιμή του opt.url πρέπει να είναι στη μορφή POST /url/.

ΕΠΙΤΡΟΦΗ:

url {String} μια προεπιλεγμένη διεύθυνση URL για λήψη

Μέθοδοι:

fileuploader/upload(opt) εμφανίζει ένα αρχείο διαλόγου
- opt.url {String} important URL όπου θα μεταφορτωθεί η εικόνα
- opt.callback(response, errors) {Function} Το κλήμα - σημαντικό
- Το opt.multiple {Boolean} υποστηρίζει πολλαπλά αρχεία (προεπιλεγμένο: false)
- opt.progress(percentage) ΔΙΟΡΧΗ
- opt.accept {String} αποδεκτός τύπος (προεπιλεγμένο: */*)
- opt.prefix {String} ένα πρότυπο ονόματος <input name="file{0}" (προεπιλεγμένο: file{0})
- opt.files {FileList} προαιρετική (αν χρησιμοποιείτε π.χ. Drag & Drop)
- opt.data {Object} Εναλλακτικά, πρόσθετα προσωπικά δεδομένα key_string:value_string
- opt.width {Number} επιλογή, πλάτος εικόνας
- opt.height {Number} επιλογή, ύψος εικόνας
- opt.background {String} επιλογή, χρώμα φόντου που ορίζεται σε HEX ή μπορεί να είναι transparent
- opt.keeporiginal {Boolean} προαιρετική, αποτρέπει την διπλή αναζωογόνηση (προεπιλεγμένη: false)
- opt.onlylarger {Boolean} επιλογή, αναζωογονεί εικόνες μόνο μεγαλύτερες από opt.width ή opt.height
- opt.base64 {String} προαιρετικό, μπορεί να περιέχει ένα έγκυρο μορφότυπο dataURI (απαιτείται για να συμπληρώσει το opt.filename)
- Εναλλακτικά opt.filename {String}, απαιτείται με το πεδίο opt.base64
- opt.quality {Number} προαιρετική, προεπιλεγμένη ποιότητα JPEG (προεπιλογή: 90)
- NEW: opt.disproportionate {Boolean} χρησιμοποιεί opt.width ή opt.height ως μέγιστες τιμές

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

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

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

example.html

<ui-component name="fileuploader"></ui-component>
<div class="exec link" data-exec="upload">Upload</div>

<script>
	function upload() {

		var opt = {};

		opt.url = '/api/upload/';

		// jComponent v20:
		// opt.url = 'POST /api/upload/';

		// opt.multiple = true;
		// opt.accept = 'text/*';

		opt.callback = function(response, err) {
			console.log(response, err);
		};
		opt.progress = function(percentage) {
			console.log(percentage);
		};

		SETTER('fileuploader/upload', opt);
	}
</script>