j-DropFiles

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

singleton
capture tous les fichiers déposés dans le window
doit être situé sous l'élément <body> en raison du positionnement

Configuration :

exec {String} un lien vers le function(files, e)
NOUVEAU : check {String} facultatif, un lien vers le function(e) qui doit renvoyer true (autorise le glisser-déposer) ou false (interdit)

Utilisez-le avec <ui-component name="dropfiles">. 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="dropfiles" config="exec:dropfiles" class="hidden">
	Drag &amp; Drop files here
</ui-component>

<script>
	function dropfiles(files, evt) {

		console.log(files, evt);

		/*

		var data = new FormData();
		for (var i = 0, length = files.length; i < length; i++)
			data.append('file' + i, files[i]);

		UPLOAD('/api/upload/', data, function(response) {
			console.log(response);
		});

		*/
	}
</script>