suchen

Heim >Backend-Entwicklung >PHP-Tutorial >PHP-Datei-Upload und Avatar-Vorschaufunktionen

PHP-Datei-Upload und Avatar-Vorschaufunktionen

怪我咯
怪我咯Original
2017-07-07 09:31:171977Durchsuche

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>

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 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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So begrenzen Sie die Größe hochgeladener Dateien in PHPNächster Artikel：So begrenzen Sie die Größe hochgeladener Dateien in PHP

In Verbindung stehende Artikel

Mehr sehen