> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Télécharger et utiliser des fichiers

> Ajoutez des documents, feuilles de calcul, images ou captures d'écran pertinents à une Conversation et indiquez à Replit comment ces informations doivent appuyer votre demande.

export const UploadAndUseFilesCover = () => <div className="chat-mkt" role="img" aria-label="Stacked documents and file rows ready to add to a Replit Conversation" style={{
  margin: "28px 0 42px",
  borderTop: 0,
  paddingTop: 0
}}>
    <div className="chat-use-case-visual" style={{
  aspectRatio: "auto",
  minHeight: "clamp(220px, 34vw, 320px)",
  overflow: "hidden",
  background: "radial-gradient(circle at 18% 0%, rgba(255,255,255,.8), transparent 40%), radial-gradient(circle at 94% 94%, rgba(255,187,150,.46), transparent 38%), linear-gradient(140deg, #ff764d, #ff3c00 60%, #c92d00)"
}}>
      <div aria-hidden="true" style={{
  position: "absolute",
  inset: 0,
  background: "linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 52%, rgba(111,24,0,.2))"
}} />
      <div aria-hidden="true" style={{
  position: "relative",
  zIndex: 1,
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
  width: "100%",
  minHeight: "inherit",
  padding: "clamp(14px, 3vw, 28px)",
  boxSizing: "border-box"
}}>
        <div style={{
  position: "absolute",
  width: "clamp(150px, 29%, 238px)",
  height: "clamp(148px, 26vw, 208px)",
  transform: "translate(-24%, -3%) rotate(-8deg)",
  border: "1px solid rgba(255,255,255,.34)",
  borderRadius: 18,
  background: "rgba(255,255,255,.12)"
}} />
        <div style={{
  position: "absolute",
  width: "clamp(150px, 29%, 238px)",
  height: "clamp(148px, 26vw, 208px)",
  transform: "translate(-11%, -1%) rotate(5deg)",
  border: "1px solid rgba(255,255,255,.42)",
  borderRadius: 18,
  background: "rgba(255,255,255,.16)",
  boxShadow: "0 16px 36px rgba(78,24,8,.14)"
}} />
        <div style={{
  position: "relative",
  width: "clamp(172px, 34%, 280px)",
  minWidth: "min(52%, 245px)",
  height: "clamp(166px, 28vw, 226px)",
  padding: "clamp(14px, 2.3vw, 21px)",
  border: "1px solid rgba(255,255,255,.62)",
  borderRadius: 19,
  background: "linear-gradient(145deg, rgba(255,255,255,.4), rgba(255,255,255,.14))",
  boxShadow: "0 22px 42px rgba(70,22,7,.24)",
  backdropFilter: "blur(7px)",
  boxSizing: "border-box"
}}>
          <div style={{
  position: "absolute",
  top: 0,
  right: 0,
  width: "24%",
  height: "22%",
  clipPath: "polygon(0 0, 100% 100%, 0 100%)",
  borderTopRightRadius: 18,
  background: "rgba(255,255,255,.28)"
}} />
          <div style={{
  display: "flex",
  alignItems: "center",
  gap: 8
}}>
            <span style={{
  width: 26,
  height: 26,
  display: "grid",
  placeItems: "center",
  border: "1px solid rgba(255,255,255,.62)",
  borderRadius: 8,
  background: "rgba(255,255,255,.16)"
}}>
              <span style={{
  width: 10,
  height: 13,
  border: "1px solid rgba(255,255,255,.9)",
  borderRadius: 2
}} />
            </span>
            <span style={{
  width: "42%",
  height: 8,
  borderRadius: 999,
  background: "rgba(255,255,255,.75)"
}} />
          </div>
          <div style={{
  display: "grid",
  gap: "clamp(8px, 1.5vw, 12px)",
  marginTop: "clamp(18px, 3vw, 27px)"
}}>
            {["76%", "90%", "64%", "82%"].map((width, index) => <span key={width} style={{
  width,
  height: index === 1 ? 7 : 6,
  borderRadius: 999,
  background: index === 1 ? "rgba(255,255,255,.64)" : "rgba(255,255,255,.32)"
}} />)}
          </div>
          <div style={{
  position: "absolute",
  left: "clamp(14px, 2.3vw, 21px)",
  right: "clamp(14px, 2.3vw, 21px)",
  bottom: "clamp(13px, 2vw, 18px)",
  display: "flex",
  gap: 6
}}>
            {[0, 1, 2].map(item => <span key={item} style={{
  width: item === 1 ? 22 : 16,
  height: 4,
  borderRadius: 999,
  background: "rgba(255,255,255,.46)"
}} />)}
          </div>
        </div>
        <div style={{
  position: "absolute",
  right: "clamp(14px, 8%, 82px)",
  bottom: "clamp(18px, 10%, 46px)",
  display: "flex",
  alignItems: "center",
  gap: 8,
  width: "clamp(126px, 23%, 190px)",
  padding: "9px 10px 9px 12px",
  border: "1px solid rgba(255,255,255,.58)",
  borderRadius: 14,
  background: "rgba(255,255,255,.16)",
  boxShadow: "0 14px 28px rgba(70,22,7,.16)",
  backdropFilter: "blur(6px)",
  boxSizing: "border-box"
}}>
          <span style={{
  width: 13,
  height: 13,
  border: "1px solid rgba(255,255,255,.84)",
  borderRadius: 4
}} />
          <span style={{
  flex: 1,
  height: 5,
  borderRadius: 999,
  background: "rgba(255,255,255,.58)"
}} />
          <span style={{
  width: 18,
  height: 18,
  borderRadius: 7,
  background: "rgba(255,255,255,.88)"
}} />
        </div>
      </div>
    </div>
  </div>;

<UploadAndUseFilesCover />

Télécharger des documents, feuilles de calcul, images et captures d'écran peut donner à Replit des preuves, des exigences ou une direction visuelle plus faciles à fournir qu'à décrire.

## Comment télécharger un fichier

Depuis la zone de saisie, sélectionnez le bouton **plus**, puis choisissez **Télécharger un fichier**. Vous pouvez aussi glisser-déposer un fichier dans la zone de saisie. Ajoutez le fichier avant d'envoyer la demande qui en dépend.

<Frame>
  <img src="https://mintcdn.com/replit/teDUL4A-lNO7dv1O/images/chat/prompt-box-plus-menu.png?fit=max&auto=format&n=teDUL4A-lNO7dv1O&q=85&s=7fd877ec8f84f73ec684181b9ec4f7b3" alt="Menu plus de la zone de saisie avec Télécharger un fichier comme première option" width="1558" height="556" data-path="images/chat/prompt-box-plus-menu.png" />
</Frame>

## Utilisez les fichiers pour

* Analyser une feuille de calcul.
* Poser des questions sur un PDF.
* Demander à Replit de créer ou d'affiner un design à partir d'une capture d'écran.
* Donner à Replit une direction ou des informations sur une application que vous voulez construire.

## Prochaines étapes

<section className="chat-mkt chat-workflow-grid has-visuals">
  <a className="chat-example has-visual" href="/fr/chat/upload-and-use-files">
    <div className="chat-use-case-visual palette-blush">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="files" size={24} />
      </em>
    </div>

    <span>
      <Icon icon="files" size={19} />
    </span>

    <div className="chat-card-title">Travailler avec des fichiers</div>
    <p>Consultez un exemple complet pour comprendre et analyser un fichier.</p>
    <div className="chat-card-link">Explorer le cas d'usage →</div>
  </a>
</section>