j-DragDropElement

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

Sur l'événement drag, l'événement affiche le modal à l'intérieur de l'élément donné avec le texte Drop & drop files here. En éloignant les fichiers glissés de l'élément ou en déposant les fichiers glissés, le modal se cachera. Également sur l'événement drop, la fonction exec est exécutée.

Configuration

exec {String} le composant exécute cette méthode si les fichiers sont supprimés - function(files, e, component)
Texte text {String} à afficher (empty par défaut)

Exemple

<ui-component name="dragdropelement" config="exec:console.log;"></ui-component>

Auteur

Michal Capo capo@dasolutions.sk et Marek Dorotovič marek@totaljs.com
Licence

Utilisez-le avec <ui-component name="dragdropelement">. 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 : Michal Capo. Source : le référentiel de composants Componentator, licence MIT.

example.html

<ui-component name="dragdropelement" config="exec:console.log;">
	<button>Upload (drag &amp; drop file)</button>
</ui-component>