# j-FileUploader

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

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

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

- ΣΗΜΑΝΤΙΚΟ: στο 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 άδεια.

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