php无刷新文件上传程序代码
文件上传最简单的就是一个表单用户选择图片之后点击上传了,如果希望用户体验好点,我们可以使用ajax或iframe来上传了,下面一起来看一个例子。
在一个网站项目中,为了得到更好的用户体验,很多地方都要处理成异步无刷新的效果。此文件上传范例是利用一个隐藏的框架iframe做桥梁,实现主体页面上传文件无刷新的效果。
其实本范例也不是真正的异步效果,但是也是可以达到无刷新效果的。而且这种方法是实现php无刷新上传文件最快捷,最简单的方法,所以何乐而不为呢。
html代码
<!DOCTYPE html> <html> <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>"; } ?>
当然上在这段上传没有做任何的一个安全验证了,我们如果要处理 可以进行一些处理了。
本文链接:http://www.phprm.com/code/87980.html
收藏随意^^请保留教程地址.