Technologie Internet - Université de Genève, CUI ©

Groupe VP-GLCours en-ligneTechnologie InternetPlan du coursFile Upload

Transfer de fichier par formulaire (File Upload)

• défini dans le RFC 1867
  
• pour permettre à l'utilisateur de transmettre un ou plusieurs fichiers:

  <FORM ENCTYPE="multipart/form-data" ACTION="..." METHOD="POST">
  ...
  <INPUT NAME="..." TYPE="file">
  ...
  </FORM>
  
  

• la balise <INPUT> peut prendre l'attribut optionnel ACCEPT, qui permet de spécifier quels noms de fichiers et/ou types MIME sont acceptables.

Utilisation de l'attribut ENCTYPE

L'attribut enctype permet de stipuler la façon dont les données seront envoyées:

• application/x-www-form-urlencoded (valeur par défaut): généralement utilisé pour des formulaires ne comportant pas de transfer de fichier (file upload); les données sont composées de paires Nom=Valeur (une paire par champ de formulaire), séparées par des '&', comme pour la méthode GET. Le Nom correspond à la valeur de l'attribut NAME de la balise déclarant le champ de formulaire.
• multipart/form-data: utilisé pour des formulaires comportant un transfer de fichier. Les données seront formattées selon le standard MIME
  • pour chaque champ qui n'est pas un transfer de fichier, le client fournit une entête (header) content-disposition indiquant le nom du champ, puis une ligne vide, suivie de la valeur du champ:

    ----LigneDeSéparation
    Content-Disposition: form-data; name="NomDuChamp"
    
    ValeurDuChamp
    ----LigneDeSéparation
    

  • pour chaque champ de transfer de fichier (file upload), le client fournit une entête (header) content-disposition indiquant le nom du champ et du fichier, suivie d'une entête Content-Type, puis une ligne vide suivie du contenu effectif du fichier:

    ----LigneDeSéparation
    Content-Disposition: form-data; name="NomDuChamp"; filename="xxx"
    Content-Type: text/plain
    
    ContenuDuFichier...
    ----LigneDeSéparation
    

Exemple: formulaire simple pour le transfer d'un fichier

<FORM ENCTYPE="multipart/form-data"
 ACTION="http://cuisung.unige.ch/cgi-bin/printenv" METHOD="POST">
<input type="checkbox" name="cb" checked value="ok">
<INPUT NAME="TheFile" TYPE="file" ACCEPT="*.html" VALUE="default" SIZE="30,2">
<INPUT TYPE="submit" VALUE="Send File">
</FORM>

Bertrand Ibrahim

Dernière modification: 8.02.01