文件上传（带有预览模式）
Posted 坏小子之涛声依旧
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了文件上传（带有预览模式）相关的知识，希望对你有一定的参考价值。
这里所讲的预览是将文件上传至后台之后，代码调用服务器端文件，在网页中显示出来
第一：网页显示部分 和 显示区域css样式表
<body> <h1>文件上传</h1> <form action="chuli.php" method="post" enctype="multipart/form-data" id="sc" target="hidden_frame"> <div id="yl"> <input type="file" name="file" id="wj" onchange="document.getElementById(\'sc\').submit()"/> </div> <input type="button" value="上传"/> </form> <iframe name="hidden_frame" style="display:none;"> </iframe> </body>
第二：JScript代码部分函数showing()
<script type="text/javascript"> function showing(aa) { var bb=document.getElementById("yl"); bb.style.backgroundImage="url("+aa+")"; } </script>
第三：后台运行代码
<?php
//var_dump($_FILES["file"]);
//判断文件上传是否失败
if(!$_FILES["file"]["error"])
{
//限制上传文件类型
if(($_FILES["file"]["type"]=="image/png"||$_FILES["file"]["type"]=="image/jpeg")&&($_FILES["file"]["size"]<=1048576))
{
//造文件存储的路径
$filename="./img/".date("YmdHis",time()).$_FILES["file"]["name"];
//$filename="./img/kaifa/zhangsan/20160523/".$_FILES["file"]["name"];
//修改文件名编码格式(主要针对汉字乱码)
$filename=iconv("utf-8","gb2312",$filename);
//判断文件名是否重复
if(file_exists($filename))//文件存在
{
echo "该文件已经存在！";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],$filename); //将文件临时路径换成自己定义的路径
echo "<script type=\'text/javascript\'>parent.showing(\'".$filename."\')</script>";
}
}
else
{
echo "上传文件类型不支持";
}
}
else
{
echo "文件上传失败";
}
以上是关于文件上传（带有预览模式）的主要内容，如果未能解决你的问题，请参考以下文章