Le téléchargement de fichiers est très courant maintenant. Vous pouvez télécharger des fichiers, télécharger des avatars, etc. Différents navigateurs ont différents effets de ? téléchargement de fichiers ?

Examinons d'abord l'effet du navigateur Firefox. >

Regardez à nouveau le navigateur IE?:

Il existe de nombreux autres navigateurs, juste au lieu de vérifier les effets un par un , comment se déroule ce téléchargement??

1. Fonction de téléchargement de fichiers

(1) La première est d'avoir cette page de téléchargement

La première est d'écrire les éléments du formulaire (y compris la page de traitement "à propos du le téléchargement a été traité et certaines règles peuvent être écrites. " Il y a aussi la méthode de transmission, et puis il y a un attribut important. Puisqu'il s'agit d'un téléchargement de fichier, il doit avoir cet attribut : enctype="multipart/form- data"), puis il y a le bouton. , une fois le formulaire déterminé, c'est le contenu à l'intérieur. Le type de bouton naturel pour le téléchargement de fichiers est "fichier" ; puis il y a le bouton "télécharger", qui nécessite une soumission, donc le type de bouton doit être "submit". Le code est le suivant?:

<form action="wenjiansccl.php" method="post" enctype="multipart/form-data">  <!--處理頁面起個名字，做文件上傳是這個屬性：enctype="multipart/form-data"-->
　　<input type="file" name="file"/> //瀏覽文件的按鈕
　　<input type="submit" value="上傳" /> //提交的上傳按鈕
</form>

Regardons d'abord l'effet?:

(2) La seconde est la page importante de traitement du téléchargement de fichiers

Nous pouvons télécharger la valeur et la sortir en premier pour voir ce qui appara?tra après le téléchargement du fichier Remarque?: la méthode de transfert de la valeur du fichier, vous ne pouvez pas utiliser post ou arriver ici, vous devez utiliser $_FILES[""] Méthode de valeur

var_dump($_FILES["file"]);  //輸出傳過來的值

Le résultat de sortie est tel qu'indiqué dans la figure?:

Remarque?: étant donné que les informations contenues dans cette image seront utilisées ci-dessous, je vais d'abord leur donner un nom (tableau), afin qu'elles ne soient pas floues lorsqu'elles sont utilisées ci-dessous

Il n'est pas difficile de voir plusieurs tableaux bidimensionnels?: parmi eux se trouvent le nom, le type, l'emplacement de stockage, le message d'erreur et la taille du fichier, afin que le fichier soit effectivement enregistré temporairement sur le serveur

<. ??>Il y a 4 choses à noter lors du téléchargement de fichiers?:

1. Contr?lez le type de fichier téléchargé

2. Contr?lez la taille du fichier téléchargé

3. Empêchez la duplication du nom de fichier.

3.1 Modifier le nom du fichier enregistré

3.11 Nom d'utilisateur horodatage numéro aléatoire nom du fichier

3.12 Numéro de série

3.2 Utiliser les dossiers

3.21public/lch/2017-2-12/1.jpg

4. Enregistrez le fichier

Compris. Pour ces quatre éléments d'attention (également équivalents aux étapes), commencez simplement à écrire le traitement de la page étape par étape

(1) Lors de la sortie, vous pouvez voir que l'un des éléments est un élément "d'erreur". Tout d'abord, vous pouvez juger s'il y a une erreur dans la transmission

(2) Ce qui précède consiste à afficher le message d'erreur s'il y a une erreur. S'il n'y a pas d'erreur, passez au contenu suivant?: Commencez à écrire selon les précautions

La première chose est : contr?ler le type et la taille du fichier lors du téléchargement (trouver également le type et la taille à partir de l'image (du tableau), puis leur attribuer la valeur de type souhaitée. Nous limitons le jpeg et le png qui peuvent être deux ou). plus de types, écrivez-le simplement avec "ou". Utilisez également une instruction if pour juger ici (si le type de fichier est jpeg ou png et que la taille du fichier est inférieure à 1024 000, il peut être téléchargé, sinon le téléchargement échoue)

if($_FILES["file"]["error"]) //將文件傳值到處理頁面，找到出錯的索引，也就是（array）圖中的錯誤項error
{
  echo $_FILES["file"]["error"];
}

(3) Commencez à écrire le fichier au niveau du commentaire dans le code (contenu des Notes 3 et 4) pour éviter la duplication et la sauvegarde

Premièrement?: trouvez l'emplacement de sauvegarde du fichier (là où vous souhaitez le sauvegarder) , puis épissez-le Comment modifier le nom du fichier (en utilisant la méthode d'horodatage)

if($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png" && $_FILES["file"]["size"]<1024000)
{<br>　　//注意事項3和4的內(nèi)容<br>}
else
{
　　echo "文件類型不正確！";
}

Deuxième?: Déterminez si le fichier existe (demandez s'il existe, enregistrez-le dans le dossier s'il n'existe pas)

$filesname = "./files/".date("YmdHis").$_FILES["file"]["name"]; //$_FILES["file"]["name"]這也同樣的也是（array）圖的名稱name

Ceci termine le téléchargement du fichier. Vous pouvez l'essayer.

Deuxièmement, téléchargez l'aper?u du fichier

if(file_exists($filesname)) //file_exists()方法：判斷文件是否存在，里面的值就是定義的保存位置
{
　　echo "文件已經(jīng)存在"; //存在給出提示
}
else
{
　　//不存在就，保存文件（move_uploaded_file()保存）
　　move_uploaded_file($_FILES["file"]["tmp_name"],$filesname);  //里面的值要有當前的保存位置，將要保存到哪的位置
}
<span style="font-family: 宋體; font-size: 15px"><span style="font-size: 18px">注意：</span><br>1.可能上傳的時候是UTF-8的編碼格式，Windows是用的國標的編碼格式，上傳上漢子可能成為亂碼了，可以在文件保存位置下面加上“轉(zhuǎn)換編碼格式”<br>使用的是：</span><span style="font-size: 15px">iconv()方法：</span><span style="font-size: 15px">里面有3個值，一是現(xiàn)在使用的編碼格式，二是想要轉(zhuǎn)換的編碼格式，三是想要轉(zhuǎn)換的字符串</span>
$filename = iconv("UTF-8","gb2312",$filesname); //這個iconv()里面有3個值，一是現(xiàn)在使用的編碼格式，二是想要轉(zhuǎn)換的編碼格式，三是想要轉(zhuǎn)化的字符串
<span style="font-family: 宋體; font-size: 15px">2.如果上面的文件的上傳格式是篡改的格式，也用move_uploaded_file()方法</span>

Lors du téléchargement d'une image, vous vérifierez d'abord l'effet avant de télécharger L'étape suivante est la fonction d'aper?u de l'image

(1) Oui d'abord. il y a un bouton de fichier pour sélectionner le fichier

(2) Un div pour afficher cette image

<input id="uploadImage" type="file" name="photoimage" class="fimg1" onchange="PreviewImage();" /> //對這個按鈕加一個事件

Ajouter quelques styles à ce div

<div id="uploadPreview"></div>

Regardez l'effet?:

#uploadPreview {
  width: 168px;
  height: 168px;            
  background-position: center center;
  background-size: cover;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
  display: inline-block;<br>}

Ensuite, écrivez l'événement

Ceci est juste un simple aper?u du téléchargement. La page de traitement pour le téléchargement dans le fichier n'a pas encore été écrite. Le code complet de l'image de téléchargement sera ajouté un autre jour

$("#uploadImage").on("change", function(){
  // 得到一個參考文件列表
  var files = !!this.files ? this.files : [];
  // 如果沒有選擇任何文件,或者沒有文件讀到就返回
  if (!files.length || !window.FileReader) return;
  // 只有進行選擇的文件是一個形象
  if (/^image/.test( files[0].type)){
    // 創(chuàng)建一個新的FileReader的實例
    var reader = new FileReader();
    // 讀取本地文件作為一個DataURL
    reader.readAsDataURL(files[0]);
    // 當加載時,圖像數(shù)據(jù)設(shè)置為背景的div
    reader.onloadend = function(){
    $("#uploadPreview").css("background-image", "url("+this.result+")");
    }
  }
});

<.> Découvrez l'effet de l'image sélectionnée

De cette fa?on, le téléchargement du fichier et l'aper?u de l'image sont terminés. La combinaison de ces deux peut permettre le téléchargement de l'image plus tard~~~

<.>Pour plus d'articles sur l'utilisation de PHP pour compléter les fonctions courantes de téléchargement de fichiers, veuillez prêter attention au site Web PHP chinois?!