PHP-Datei-Upload und Avatar-Vorschaufunktionen-PHP-Tutorial-php.cn

PHP-Datei-Upload und Avatar-Vorschaufunktionen

怪我咯

Freigeben： 2023-03-12 22:38:01

Original

1936 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die relevanten Informationen zur PHP-Implementierung von Datei-Upload und Avatar-Vorschaufunktionen vor. Interessierte Freunde können darauf verweisen

php Datei-UploadDas Prinzip besteht darin, die Datei über das enctype="multipart/form-data"-Attribut des Formularformulars vorübergehend im tmp-Verzeichnis im Wamp-Ordner abzulegen und die Datei dann über das Hintergrund-PHP im System zu speichern Programm.

HTML-Code:

<form action="shangchuan.php" method="post" enctype="multipart/form-data">
 <input type="file" name="file" />
 <input type="submit" value="上传" />
</form>

Nach dem Login kopieren

Backend-Verarbeitungsschnittstelle (shangchuan.php):

Es gibt die folgenden Punktemüssen beachtet werden:

1. Kontrollieren Sie die Art der hochgeladenen Dateien
3. Verhindern Sie doppelte Dateinamen
Benutzername + Zeitstempel + Zufallszahl + Dateiname
Seriennummer

Bei Verwendung eines Ordners muss der Pfad vorab festgelegt werden.

4. Speichern Sie die Datei

Klicken Sie auf Hochladen und die Datei wird im angegebenen Pfad des Systems gespeichert.

//判断文件上传是否出错
if($_FILES["file"]["error"])
{
 echo $_FILES["file"]["error"];
}
else
{
 //控制上传文件的类型，大小
 if(($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png") && $_FILES["file"]["size"]<1024000)
 {
  //找到文件存放的位置
  $filename = "./file/".date("YmdHis").$_FILES["file"]["name"];
   
  //转换编码格式
  $filename = iconv("UTF-8","gb2312",$filename);
   
  //判断文件是否存在
  if(file_exists($filename))
  {
   echo "该文件已存在！";
  }
  else
  {
   //保存文件
   move_uploaded_file($_FILES["file"]["tmp_name"],$filename);
  }
 }
 else
 {
  echo "文件类型不正确！";
 }
}

Nach dem Login kopieren

Nach dem Speichern benennen Sie die Datei wie angegeben um:

Avatar-Upload-Vorschau

Prinzip:

Erstellen Sie ein p mit der Größe des Avatars in der HTML-Schnittstelle, legen Sie den Hintergrund des hochgeladenen Avatars fest, machen Sie eine Eingabe zum Hochladen der Datei in p und setzen Sie die Transparenz auf 0. Auf diese Weise hat das Klicken auf dieses p den gleichen Effekt wie das Hochladen.

php-Verarbeitungsschnittstelle (chuli.php):

<title>无标题文档</title>
<style type="text/css">
#yl{ width:200px; height:300px; background-image:url(img/11.png); background-size:200px 300px;}
#file{ width:200px; height:300px; float:left; opacity:0;}
</style>
</head>
 
<body>
 
<form id="sc" action="chuli.php" method="post" enctype="multipart/form-data" target="shangchuan">
  
 <input type="hidden" name="tp" value="" id="tp" />
  
 <p id="yl">
  <input type="file" name="file" id="file" onchange="document.getElementById(&#39;sc&#39;).submit()" />
 </p>
  
  
  
</form>
 
<iframe style="display:none" name="shangchuan" id="shangchuan">
</iframe>
 
 
</body>
 
<script type="text/javascript">
 
//回调函数,调用该方法传一个文件路径，该变背景图
function showimg(url)
{
 var p = document.getElementById("yl");
 p.style.backgroundImage = "url("+url+")";
  
 document.getElementById("tp").value = url;
}
 
</script>
 
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonPHP-Datei-Upload und Avatar-Vorschaufunktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!