# Téléversements de fichiers et signatures

Collectez des fichiers, des documents et des signatures numériques auprès de vos répondants.

## Téléversements de fichiers et signatures

Collectez des documents, des images et des signatures dessinées — Formstep les stocke avec chaque soumission.

<h2 id="file-upload">Téléversement de fichier</h2>

<p>
  Le champ File Upload permet aux répondants de joindre des fichiers à leur soumission. Tapez <kbd>/</kbd> sur le canevas et choisissez{' '}
  <strong>File Upload</strong>.
</p>

<p>
  Cliquez sur la poignée de déplacement à côté du champ et ouvrez <strong>Validation</strong> pour définir ses règles :
</p>

<p>
  Le champ montre aux répondants ce qu'il attend — « Fichiers acceptés : .pdf, .png », « Max 5 Mo », « 2-4 fichiers » — les règles servent
  donc aussi d'indice.
</p>

<h2 id="file-validation">Règles de validation des fichiers</h2>

<p>
  La taille, le nombre et le type sont vérifiés dans le navigateur au moment où le répondant choisit un fichier ; une violation affiche une
  erreur en ligne et bloque la soumission. Deux limites supplémentaires s'appliquent côté serveur et ne peuvent pas être augmentées par
  champ :
</p>

<ul>
  <li>
    <strong>1 Gio par fichier</strong>, quoi que dise votre Taille maximale.
  </li>
  <li>
    <strong>Le quota de stockage de votre espace de travail</strong> — 100 Mo sur Free, 500 Go sur Pro et Business. Quand le propriétaire
    n'a plus de place, le formulaire refuse les téléversements avec « Ce formulaire ne peut pas accepter de pièces jointes pour le moment.
    », donc les répondants ne peuvent pas terminer. Voir <a href="/fr/subscription-billing/limits-quotas">limites et quotas</a>.
  </li>
</ul>

<p>
  Les fichiers téléversés sont stockés avec la soumission. Ouvrez une soumission dans la{' '}
  <a href="/fr/submissions-analytics/submission-inbox">boîte de réception</a> pour les consulter ou les télécharger.
</p>

<h3 id="files-in-logic">Téléversements de fichiers dans la logique conditionnelle</h3>

<p>
  Un champ File Upload propose deux conditions logiques : <strong>has file</strong> et <strong>has no file</strong>. Utilisez-les pour
  afficher une question de suivi uniquement quand rien n'a été joint, ou pour sauter une page une fois le document reçu.
</p>

<h2 id="signatures">Signatures</h2>

<p>
  Le champ Signature capture une signature dessinée. Tapez <kbd>/</kbd> et choisissez <strong>Signature</strong> dans le menu slash. Les
  répondants dessinent avec une souris, un pavé tactile ou un doigt. Formstep stocke le résultat sous forme d'image, consultable et
  téléchargeable depuis la boîte de réception des soumissions.
</p>

> ⚠️ **Une signature rend la soumission définitive**
> <p>
>     Toute version de formulaire contenant un champ Signature, Payment ou Planifier un rendez-vous désactive{' '}
>     <a href="/fr/submissions-analytics/edit-after-submit">la modification après soumission</a> pour les soumissions faites contre elle. Les
>     répondants ne peuvent pas rouvrir et modifier ce qu'ils ont signé.
>   </p>

<h3 id="signatures-in-logic">Signatures dans la logique conditionnelle</h3>

<p>
  Les champs Signature prennent en charge deux conditions logiques : <strong>est signé</strong> et <strong>n'est pas signé</strong>.
  Utilisez-les pour afficher une page de confirmation uniquement après la signature d'une décharge, ou pour demander des informations
  supplémentaires quand une signature est manquante.
</p>

<h3 id="signature-privacy">Signatures et réponses partielles</h3>

<p>
  Les données de signature ne sont pas affichées pour les réponses partielles (en cours) : la boîte de réception masque la miniature et les
  exports laissent la colonne vide jusqu'à ce que le répondant soumette.
</p>

<h3 id="signature-use-cases">Quand utiliser les signatures</h3>

<p>Les signatures conviennent à tout formulaire nécessitant un consentement ou une reconnaissance documentée :</p>

<ul>
  <li>Contrats et accords</li>
  <li>Formulaires de consentement (médical, recherche)</li>
  <li>Décharges de responsabilité</li>
  <li>Flux d'approbation</li>
</ul>

<h2 id="common-patterns">Cas d'usage courants</h2>

<ul>
  <li>
    <strong>Candidature à un emploi</strong> — un File Upload pour le CV (autoriser .pdf et .doc, .docx) plus un second téléversement pour
    la lettre de motivation
  </li>
  <li>
    <strong>Déclaration de sinistre</strong> — un File Upload réglé sur <code>image/*</code> pour les preuves photographiques, avec un Max
    files élevé pour que les déclarants puissent bien documenter les dommages
  </li>
  <li>
    <strong>Signature de contrat</strong> — un <a href="/fr/building-forms/documents-block">bloc Documents</a> contenant le contrat, puis un
    champ Signature en dessous
  </li>
  <li>
    <strong>Inscription à un événement</strong> — un téléversement de photo d'identité (images uniquement, Max files à 1) à côté des champs
    de contact
  </li>
</ul>

> ℹ️ **Les téléversements comptent dans votre quota de stockage**
> <p>
>     Chaque fichier, y compris les signatures et les PDF générés, est comptabilisé dans le stockage du propriétaire de l'espace de travail.
>     Définissez des limites de taille prudentes si vous collectez régulièrement des fichiers volumineux.
>   </p>

<h2 id="next-steps">Étapes suivantes</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Bloc Documents](/fr/building-forms/documents-block) — Remettez des fichiers au répondant — l'autre sens
  - [Collecte de paiements](/fr/building-forms/payment-collection) — Acceptez des paiements Stripe dans le même formulaire
  - [Boîte de réception des soumissions](/fr/submissions-analytics/submission-inbox) — Téléchargez et consultez les fichiers téléversés depuis les réponses
  - [Limites et quotas](/fr/subscription-billing/limits-quotas) — Allocations de stockage et de soumissions par plan
</div>