j-DropFiles

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

singleton
zachytáva všetky vypadnuté súbory do window
musí byť umiestnený pod prvkom <body> kvôli umiestneniu

Konfigurácia:

exec {String} odkaz na function(files, e)
NEW: check {String} voliteľné, odkaz na function(e), ktorý musí vrátiť true (umožňuje presúvanie myšou) alebo false (nepovolené)

Použite ho so <ui-component name="dropfiles">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia 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>