communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Téléchargement simple de fichiers vers la base de données MySql développée en PHP (2)

Cette section explique comment combiner une simple page frontale pour le téléchargement de fichiers via des formulaires et des tableaux

<form> L'attribut enctype de la balise spécifie le type de contenu à utiliser lors de la soumission du formulaire. Utilisez "multipart/form-data" lorsque votre formulaire nécessite des données binaires, telles que le contenu d'un fichier. L'attribut type="file" de la balise

<input> spécifie que l'entrée doit être traitée comme un fichier. Par exemple, lors de la prévisualisation dans un navigateur, vous verrez un bouton Parcourir à côté de la zone de saisie.

Ici, nous utilisons des <input type="hidden" >des champs cachés pour limiter la taille des fichiers téléchargés

<form>
    <input type="hidden" name="MAX_FILE_SIZE" value="2000000">
</form>

Les champs cachés sont invisibles pour les utilisateurs sur la page et dans le formulaire. Le but insérer des champs cachés consiste à collecter ou envoyer des informations afin qu'elles puissent être utilisées par le programme qui traite le formulaire. Lorsque le spectateur clique sur le bouton d'envoi pour envoyer le formulaire, les informations du champ masqué sont également envoyées au serveur. La balise

<table> utilise deux attributs cellpacing cellpadding

Cell margin (table padding) (cellpadding) - représente une distance à l'extérieur de la cellule, avec pour séparer les cellules et l'espace cellulaire
espacement des cellules (espacement de la table) (cellspacing) - représente la distance entre la bordure du tableau et le remplissage des cellules, et est également la distance entre le remplissage des cellules

ici défini sur cellpacing=0, cellpadding=0

Le code complet de la page est affiché ci-dessous : 

<html>
<head>
 <meta charset="utf-8">
 <title>文件上传实例</title>
 <style type="text/css">
   <!--
   body
   {
     font-size: 20px;
   }
   input
   {
     background-color: #66CCFF;
     border: 1px inset #CCCCCC;
   }
   form
   {
    margin-top:5%;
   }
   -->
 </style>
</head>
<body>
 <form method="post" action="?action=save" enctype="multipart/form-data">
   <table border=0 cellspacing=0 cellpadding=0 align=center width="100%">
     <tr>
       <td width=55 height=20 align="center"></td>
       <td height="16">
 
         <table>
           <tr>
             <td>标题：</td>
             <td><input name="title" type="text" id="title"></td>
           </tr>
           <tr>
             <td>文件： </td>
             <td><label>
                 <input name="file" type="file" value="浏览" >
                 <input type="hidden" name="MAX_FILE_SIZE" value="2000000">
               </label></td>
           </tr>
           <tr>
             <td></td>
             <td><input type="submit" value="上 传" name="upload"></td>
           </tr>
         </table>
       </td>
     </tr>
   </table>
 </form>
</body>
</html>


Formation continue
||
<html> <head> <meta charset="utf-8"> <title>文件上传实例</title> <style type="text/css"> <!-- body { font-size: 20px; } input { background-color: #66CCFF; border: 1px inset #CCCCCC; } form { margin-top:5%; } --> </style> </head> <body> <form method="post" action="?action=save" enctype="multipart/form-data"> <table border=0 cellspacing=0 cellpadding=0 align=center width="100%"> <tr> <td width=55 height=20 align="center"></td> <td height="16"> <table> <tr> <td>标题：</td> <td><input name="title" type="text" id="title"></td> </tr> <tr> <td>文件： </td> <td><label> <input name="file" type="file" value="浏览" > <input type="hidden" name="MAX_FILE_SIZE" value="2000000"> </label></td> </tr> <tr> <td></td> <td><input type="submit" value="上 传" name="upload"></td> </tr> </table> </td> </tr> </table> </form> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492478 joue