1.yulan.php
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<styletype="text/css">
#yl{width:200px;height:300px;background-image:url(images/timg1.jpg);background-size:200px300px;}
#file{width:200px;height:300px;float:left;opacity:0;}
</style>
</head>
<body>
<formid="sc"action="ylchuli.php"method="post"enctype="multipart/form-data"target="shangchuan">
<inputtype="hidden"name="tp"value=""id="tp"/>
<divid="yl">
<inputtype="file"name="file"id="file"onchange="document.getElementById('sc').submit()"/>
</div>
</form>
<iframestyle="display:none"name="shangchuan"id="shangchuan">
</iframe>
</body>
<scripttype="text/javascript">
//回调函数,调用该方法传一个文件路径,改变背景图
functionshowimg(url)
{
vardiv=document.getElementById("yl");
div.style.backgroundImage="url("+url+")";
document.getElementById("tp").value=url;
}
</script>
</html>
2.ylchuli.php
<?php
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="./images/".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);
$delurl=iconv("UTF-8","gb2312",$_POST["tp"]);
unlink($delurl);//删除文件
echo"<script>parent.showimg('{$fname}');</script>";
}
}
}
|