j-FileUploader

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Un component simplu pentru încărcarea fișierelor. susține imagini auto-reducere.

IMPORTANT: în jComponent v20, valoarea opt.url trebuie să fie în formularul POST /url/

Configurarea:

url {String} este o adresă URL standard pentru încărcare

Metode:

fileuploader/upload(opt) arată un dialog de fișier
- opt.url {String} important URL unde va fi încărcată imaginea
- opt.callback(response, errors) {Function} – un apel important
- opt.multiple {Boolean} susține mai multe fișiere (default: false)
- opt.progress(percentage) funcție
- Tipul de acceptare opt.accept {String} (default: */*)
- opt.prefix {String} este un prefix de nume <input name="file{0}" (default: file{0})
- opt.files {FileList} opțional (dacă utilizați, de exemplu, Drag & Drop)
- opt.data {Object} opțional, date suplimentare personalizate key_string:value_string
- opt.width {Number} opțional, lățime de imagine
- opt.height {Number} opțional, înălțimea imaginii
- opt.background {String} opțional, culoarea de fundal definită în HEX sau poate fi transparent
- opt.keeporiginal {Boolean} opțional, previne redresarea dubla (default: false)
- opt.onlylarger {Boolean} opțional, rezizează imagini mai mari decât opt.width sau opt.height
- opt.base64 {String} este opțional, poate conține un format valid dataURI (necesar pentru a completa opt.filename)
- opt.filename {String} opțional, necesar cu câmpul opt.base64
- opt.quality {Number} opțional, o calitate JPEG (default: 90)
- NEW: opt.disproportionate {Boolean} utilizează opt.width sau opt.height ca valori maxime

Componente prietenoase:

Acest component funcționează cu loading atunci când fișierul este încărcat.

Utilizați-l cu <ui-component name="fileuploader">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>