php无刷新文件上传程序代码
在一个网站项目中,为了得到更好的用户体验,很多地方都要处理成异步无刷新的效果。此文件上传范例是利用一个隐藏的框架iframe做桥梁,实现主体页面上传文件无刷新的效果。
其实本范例也不是真正的异步效果,但是也是可以达到无刷新效果的。而且这种方法是实现php无刷新上传文件最快捷,最简单的方法,所以何乐而不为呢。
html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>php实现无刷新文件上传源码-代潇瑞博客</title>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
function ajax_upload(fname){
if(fname){
$(".label1").html("上传成功:(" fname ")");
var obj = document.getElementById('upfile');
obj.outerHTML=obj.outerHTML;
}else{
$(".label1").html("上传失败!!");
}
$("#upButton").val("上 传").removeAttr("disabled");
}
function check_file(){
if($("#upfile").val()==""){
$(".label1").html("请先选择一个文件!");
return false;
}else{
$("#upButton").val("上传中...").attr("disabled","disabled");
return true;
}
}
</script>
</head>
<body>
<p><input type="text" /></p>
<form action="deal_upload.php" method="post" target="upimgf" enctype="multipart/form-data" onsubmit="return check_file()">
<p>请选择图片:<input type="file" name="img" id="upfile" /></p>
<p><label class="label1" style="color:red;"></label></p>
<p><input type="submit" value="上 传" id="upButton" /></p>
</form>
<iframe name="upimgf" style="display:none;"></iframe>
</body>
</html>
php代码
<?php
header("Content-type:text/html;charset=utf-8");
$up_file = $_FILES['img'];
$file_name = $up_file['name'];
//print_r($file_name);
if(move_uploaded_file($up_file['tmp_name'],iconv("utf-8","gb2312",$file_name))){
echo "<script> parent.ajax_upload('".$file_name."'); </script>";
}else{
echo "<script> parent.ajax_upload(''); </script>";
}
?>
当然上在这段上传没有做任何的一个安全验证了,我们如果要处理 可以进行一些处理 了。
您可能感兴趣的文章:
php文件上传代码大全(实例分享)
php无刷新文件上传程序代码
你了解浏览器的刷新原理吗
php防止恶意刷新日期怎么改
jquery ajax 无刷新提交数据与无刷新登录的例子
iframe无刷新文件上传实现程序
Jquery ajax实现无刷新登录的方法介绍
有关php的ob_flush()与flush()使用方法
使用PHP和HTML5 FormData实现无刷新文件上传
jQuery文件上传 One Click Upload