首页 > php代码 > php无刷新文件上传程序代码

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

收藏随意^^请保留教程地址.

标签:iconv 文件上传 iframe

相关文章

发表留言