j-FileUploader

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Egyszerű komponens a fájlok feltöltéséhez. támogatja az automatizált képeket.

A jComponent v20-ban a opt.url értéke a POST /url/-es formában kell lennie.

konfiguráció:

A url {String} alapértelmezett URL-cím a feltöltéshez

módszerek:

A fileuploader/upload(opt) egy fájl párbeszédet mutat
- opt.url {String} important URL, ahol a kép feltölthető
- opt.callback(response, errors) {Function} egy callback _ fontos__
- opt.multiple {Boolean} támogatja a több fájlt (default: false)
- opt.progress(percentage) funkciók
- opt.accept {String} elfogadott típus (default: */*)
- opt.prefix {String} a név előírás <input name="file{0}" (default: file{0})
- opt.files {FileList} opcionális (ha használja az e.g. Drag & Drop)
- opt.data {Object} opcionális, további adatai key_string:value_string
- opt.width {Number} opcionális, kép szélessége
- opt.height {Number} opcionális, kép magassága
- opt.background {String} opcionális, háttérszín meghatározott HEX vagy lehet transparent
- opt.keeporiginal {Boolean} opcionális, megakadályozza a kettős visszavágást (default: false)
- opt.onlylarger {Boolean} opcionális, csak a opt.width vagy a opt.height-nél nagyobb képeket átirányítja
- opt.base64 {String} opcionális, tartalmazhat egy érvényes dataURI formátumot (a opt.filename kitöltéséhez szükséges)
- opt.filename {String} opcionális, szükséges a opt.base64 mezővel
- opt.quality {Number} opcionális, alapértelmezett JPEG minőség (default: 90)
- NEW: opt.disproportionate {Boolean} használja a opt.width vagy a opt.height maximális értékeként

Barátságos összetevők:

Ez a komponens a loading-vel működik, amikor a fájl feltölthető.

Használja a <ui-component name="fileuploader">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>