j-FileUploader

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Een eenvoudige component voor het uploaden van bestanden. Het ondersteunt auto-resizing beelden.

IMPORTANT: in jComponent v20, moet de waarde van opt.url in het formulier POST /url/ zijn

Configuratie:

url {String} een standaard URL voor uploaden

Methoden:

fileuploader/upload(opt) toont een bestanddialoog
- opt.url {String} important URL waar de afbeelding zal worden geüpload
- opt.callback(response, errors) {Function} een callback belangrijk
- opt.multiple {Boolean} ondersteunt meerdere bestanden (default: false)
- opt.progress(percentage) functioneert
- opt.accept {String} accepteert type (default: */*)
- opt.prefix {String} een voornaam <input name="file{0}" (default: file{0})
- opt.files {FileList} optioneel (als u bijvoorbeeld Drag & Drop gebruikt)
- opt.data {Object} optionele, aanvullende aangepaste gegevens key_string:value_string
- opt.width {Number} optie, beeldbreedte
- opt.height {Number} optie, beeldhoogte
- opt.background {String} optioneel, achtergrondkleur gedefinieerd in HEX of kan transparent zijn
- opt.keeporiginal {Boolean} optioneel, voorkomt dubbele resisatie (default: false)
- opt.onlylarger {Boolean} optioneel, resiseert afbeeldingen alleen groter dan opt.width of opt.height
- opt.base64 {String} optioneel, het kan een geldig dataURI format bevatten (verplicht om te vullen opt.filename)
- opt.filename {String} optie, vereist met het veld opt.base64
- opt.quality {Number} optioneel, een standaard JPEG kwaliteit (default: 90)
- NEW: opt.disproportionate {Boolean} gebruikt opt.width of opt.height als maximale waarden

Vriendelijke componenten:

Deze component werkt met loading wanneer de bestand wordt geüpload.

Gebruik het met <ui-component name="fileuploader">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>