j-ImageUploader

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

Een eenvoudige singletoncomponent voor het uploaden van hersteld beelden.De component uploadt base64 volgens de schema gedefinieerd in options van de oproep.

Methoden:

imageuploader/upload(opt) toont een bestanddialoog
- opt.width {Number}
- opt.height {Number}
- opt.background {String} een standaard achtergrondkleur (NEW: ondersteunt de transparent waarde en de uitgang zal zijn .png)
- opt.url {String} important URL waar de afbeelding zal worden geüpload
- opt.multiple {Boolean} ondersteunt meerdere bestanden (default: false)
- opt.schema {String} Vervalsing { file: base64, name: filename }
- opt.quality {Number} Vervalsing 90
- opt.callback(response, errors) een callback belangrijk
- opt.keeporiginal {Boolean} behoudt de oorspronkelijke afbeelding als de dimensie hetzelfde is als de breedte/hoge gedefinieerd in de configuratie (default: false)
- NEW opt.files {FileList} optioneel (als u bijvoorbeeld Drag & Drop gebruikt)

Vriendelijke componenten:

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

Gebruik het met <ui-component name="imageuploader">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="imageuploader"></ui-component>
<div onclick="uploadphoto()">Click to upload</div>

<script>

	function uploadphoto() {
		var opt = {};
		opt.width = 200;
		opt.height = 200;
		opt.url = '/api/upload/base64/';
		opt.background = '#FFFFFF';
		opt.multiple = true;
		opt.callback = function(response, err) {
			console.log(response, err);
		};
		SETTER('imageuploader/upload', opt);
	}

</script>