# j-DropFiles

> j-DropFiles : singleton ; capture tous les fichiers déposés dans la fenêtre

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: fr
Content-SHA256: f4289d21d5b7a94ce7207e39c55ba075129b0c110ad7f0e2b61a372c2b8fd9cf
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- 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.

```html 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>
```
