j-DropFiles

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

singleton
captura todos los archivos caídos en el window
debe ubicarse debajo del elemento <body> debido al posicionamiento

Configuración:

exec {String} un enlace al function(files, e)
NUEVO: check {String} opcional, un enlace al function(e) que debe devolver true (permite arrastrar y soltar) o false (no permitir)

Úselo con <ui-component name="dropfiles">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes 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>