Maison >développement back-end >tutoriel php >PHP implémente l'exemple de fonction_php d'aperçu de téléchargement d'avatar

PHP implémente l'exemple de fonction_php d'aperçu de téléchargement d'avatar

墨辰丷original: 2018-05-23 14:19:192003parcourir

Cet article présente principalement les informations pertinentes de PHP pour implémenter en détail la fonction d'aperçu du téléchargement d'avatar. Il a une certaine valeur de référence. Les amis intéressés peuvent se référer à

Page principale 1.php

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传头像</title>
<style type="text/css">
  *{
    font-family:"微软雅黑";}
  #zong{
    /*border:1px solid black;*/
    position:relative;
    width:52%;
    height:500x;
    left:24%}
  .nr{
    float:left;
    margin-right:30px;}
  #yl{width:240px; height:240px; background-size:240px 240px;}
  #file{width:240px; height:240px; float:left; opacity:0;}
</style>
</head>

<body>

<p id="zong">
<form id="sc" action="2.php" method="post" enctype="multipart/form-data" target="shangchuan">
  
  <input type="hidden" name="tp" value="" id="tp" />
  
  <p id="yl" style="background-image:url(./image/1.jpg)" class="nr">//头像显示的位置
    <input type="file" name="file" id="file" onchange="document.getElementById(&#39;sc&#39;).submit()" />
  </p>
  <p class="nr">
  </p> 
</form>

<iframe style="display:none" name="shangchuan" id="shangchuan">
</iframe>

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

Traitement page 2.php

<?php
session_start();
$uid = $_SESSION["uid"];
if($_FILES["file"]["error"])
{
  echo $_FILES["file"]["error"];
}
else
{
  if(($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png")&& $_FILES["file"]["size"]<1024000)
  {
    $fname = "./a/image/".date("YmdHis").$_FILES["file"]["name"];  //头像存储的路径
    
    $filename = iconv("UTF-8","gb2312",$fname);
    
    if(file_exists($filename))
    {
      echo "<script>alert(&#39;该文件已存在！&#39;);</script>";
    }
    else
    {
      move_uploaded_file($_FILES["file"]["tmp_name"],$filename);
      
      unlink($_POST["tp"]);
      echo "<script>parent.showimg(&#39;{$fname}&#39;);</script>";
    }
    
  }
}

Ouvrez l'écran :

Cliquez sur l'emplacement de l'image pour faire apparaître la zone de sélection :

Après avoir sélectionné l'image :

Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

Recommandations associées :

PHP La différence entre les compétences abstraites et interface_javascript

php affiche le fichier où se trouve le fichier actuel et tous les fichiers du dossier sont développés dans une arborescence shape_javascript skills

Exemple de php cross- domaine appelant json _jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment générer des vignettes et les afficher à l'aide de ThinkPHPArticle suivant：Comment générer des vignettes et les afficher à l'aide de ThinkPHP

Articles Liés

Voir plus