文件上传（带有预览模式）

最新推荐文章于 2024-05-16 13:27:42 发布

weixin_30279751

最新推荐文章于 2024-05-16 13:27:42 发布

阅读量612

点赞数

文章标签： php javascript ViewUI

原文链接：http://www.cnblogs.com/zst062102/p/5521924.html

版权

这里所讲的预览是将文件上传至后台之后，代码调用服务器端文件，在网页中显示出来

第一：网页显示部分和显示区域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" οnchange="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 "文件上传失败";
}

转载于:https://www.cnblogs.com/zst062102/p/5521924.html

weixin_30279751

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
文件上传（带有预览模式）

这里所讲的预览是将文件上传至后台之后，代码调用服务器端文件，在网页中显示出来第一：网页显示部分和显示区域css样式表<body><h1>文件上传</h1><form action="chuli.php" method="post" enctype="multipart/form-data" id="sc" target="h...
复制链接

扫一扫