j-FileUploader

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

En enkel komponent för att ladda upp filer. Det stöder auto-resizing bilder.

IMPORTANT: i jComponent v20 måste värdet av opt.url vara i form av POST /url/

Konfigurera:

url {String} en standard URL för att ladda upp

Metoder:

fileuploader/upload(opt) visar en fil dialog
- opt.url {String} important URL där bilden laddas upp
- opt.callback(response, errors) {Function} en callback _ viktigt__
- opt.multiple {Boolean} stöder flera filer (default: false)
- opt.progress(percentage) Funktion
- opt.accept {String} accepterar typ (default: */*)
- opt.prefix {String} ett namnprefix <input name="file{0}" (default: file{0})
- opt.files {FileList} valfritt (om du använder t.ex. Drag & Drop)
- opt.data {Object} alternativ, ytterligare anpassade data key_string:value_string
- opt.width {Number} valfritt, bildbredd
- opt.height {Number} alternativ, bildhöjd
- opt.background {String} alternativ, bakgrundsfärg definierad i HEX eller kan vara transparent
- opt.keeporiginal {Boolean} valfritt, förhindrar dubbel återhämtning (default: false)
- opt.onlylarger {Boolean} är valfritt, återställer endast bilder som är större än opt.width eller opt.height
- opt.base64 {String} är valfritt, det kan innehålla ett giltigt dataURI format (behövs för att fylla i opt.filename)
- opt.filename {String} valfritt, krävs med opt.base64 fält
- opt.quality {Number} valfritt, standard JPEG kvalitet (default: 90)
- NEW: opt.disproportionate {Boolean} använder opt.width eller opt.height som maximala värden

Vänliga komponenter:

Denna komponent fungerar med loading när filen laddas upp.

Använd den med <ui-component name="fileuploader">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>