j-ImageUploader

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Un simple composant pour la téléchargement d'images récupérés.Le composant charge base64 selon le schema défini dans le options de l'appelant.

Méthodes :

imageuploader/upload(opt) affiche une boîte de dialogue de fichier
- opt.width {Number}
- opt.height {Number}
- opt.background {String} est une couleur de fond par défaut (NEW: prend en charge la valeur de transparent et la sortie sera .png)
- opt.url {String} important URL où l'image sera téléchargée
- opt.multiple {Boolean} prend en charge plusieurs fichiers (par défaut : false)
- opt.schema {String} défaut { file: base64, name: filename }
- opt.quality {Number} défaut 90
- opt.callback(response, errors) un rappel important
- opt.keeporiginal {Boolean} maintient l'image originale si la dimension est la même que la largeur/altitude définie dans la configuration (defaut: false)
- NEW opt.files {FileList} optionnel (si vous utilisez par exemple Drag & Drop)

Composants conviviaux :

Ce composant fonctionne avec loading lors du téléchargement du fichier.

Utilisez-le avec <ui-component name="imageuploader">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

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>