Zone de dépôt de fichiers
Glisse des fichiers ou clique pour les choisir : la zone s'illumine et chaque fichier s'envoie avec sa barre.
Réglages
Code
<div class="uv-ifd"><label class="dz"><input type="file" multiple><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 15V4M7.5 8.5L12 4l4.5 4.5"/><path d="M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15"/></svg></span><b>Glisse tes fichiers ici</b><span class="or">ou <u>parcours ton ordinateur</u></span><span class="hn">PNG, JPG ou PDF jusqu’à 10 Mo</span></label><ul aria-live="polite"></ul></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Une zone d'envoi doit convenir à ceux qui glissent des fichiers comme à ceux qui préfèrent le sélecteur. Cette zone en pointillés entoure un vrai input file, s'illumine et fait rebondir son icône pendant le survol avec des fichiers, et liste chaque fichier avec une barre de progression et un pourcentage qui finissent par une coche. La liste garde les trois derniers.
Dans la démo, la progression est simulée ; branche ta requête d'envoi dans la fonction add pour suivre de vrais événements. Formats et taille vont dans l'indication.