j-FileUploader

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Jednoduchá složka pro nahrávání souborů. Podporuje automaticky rezignační obrázky.

IMPORTANT: v jComponent v20, hodnota opt.url musí být ve formě POST /url/

Konfigurace:

url {String} - předvolená adresa URL pro uploadu

Metody:

fileuploader/upload(opt) zobrazuje souborový dialog
- opt.url {String} important URL, kde se zobrazí obrázek
- opt.callback(response, errors) {Function} - důležitý
- opt.multiple {Boolean} podporuje více souborů (předvolené: false)
- opt.progress(percentage) funkce
- Typ přijetí opt.accept {String} (předvolený: */*)
- opt.prefix {String} předpověď názvu <input name="file{0}" (podmínka: file{0})
- opt.files {FileList} volitelné (pokud používáte např. Drag & Drop)
- opt.data {Object} volitelné, dodatečné přizpůsobené údaje key_string:value_string
- opt.width {Number} volitelné, šířka obrazu
- opt.height {Number} volitelná, výška obrazu
- opt.background {String} volitelná, barva pozadí definovaná v HEX nebo může být transparent
- opt.keeporiginal {Boolean} volitelně, zabrání dvojímu rezignaci (podmínkou: false)
- opt.onlylarger {Boolean} volitelně, zobrazuje pouze obrázky větší než opt.width nebo opt.height
- opt.base64 {String} je volitelný, může obsahovat platný formát dataURI (potřebuje se vyplnit opt.filename)
- opt.filename {String} volitelné, požadované s pole opt.base64
- opt.quality {Number} volitelné, standardní kvalita JPEG (default: 90)
- NEW: opt.disproportionate {Boolean} používá opt.width nebo opt.height jako maximální hodnoty

Přátelské komponenty:

Tato složka pracuje s loading při stahování souboru.

Použijte ji s <ui-component name="fileuploader">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>