Maison > Article > développement back-end > Explication détaillée des exemples fonctionnels de l'implémentation PHP de l'aperçu du téléchargement d'avatar
Explication détaillée des exemples fonctionnels de l'implémentation PHP de l'aperçu du téléchargement d'avatar
- 怪我咯original
- 2017-07-04 14:04:581775parcourir
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 s'y référer
L'exemple dans cet article partage PHP avec tout le monde. Le code spécifique pour implémenter la fonction d'aperçu du téléchargement d'avatar est pour votre référence. Le contenu spécifique est le suivant
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('sc').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>Page de traitement 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('该文件已存在！');</script>";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],$filename);
unlink($_POST["tp"]);
echo "<script>parent.showimg('{$fname}');</script>";
}
}
}Ouvrez l'écran :
Cliquez sur l'emplacement de l'image pour faire apparaître la boîte de sélection :
Après avoir sélectionné la photo :
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!