php无刷新文件上传简单范例源码

  • 时间:
  • 浏览:73

看了一下网上做的无刷新文件上传都用了js插件,实际上还有另一种技术去实现PHP无刷新文件上传。就是用一个隐藏的iframe框架做容器,让刷新的动作发生在框架中,而不刷新当前页面,来达到无刷新的效果。其实根本没用到ajax,简单的框架加一些js代码就可以实现无刷新上传文件了。


效果演示:



(未选择文件时会提示选择文件)


(上传成功后,"123abc"仍然存在,则表明没有刷新)


实现这个功能,只用到了3个文件,一个静态界面页面,一个php处理页面,一个jquery库文件。


index.html文件:


php实现无刷新文件上传<a href="http://www.codeinlife.com/tag/yuanma/" data-type="mip" data-title="源码" target="_blank" title="源码">源码</a>-代潇瑞博客




请选择图片:


deal_upload.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 "";

}else{

echo "";

}

?>


源码下载:php无刷新上传文件范例源码.zip


其实整个技术的关键点在两个地方,第一个就是

中的target="upimgf",意思是在框架中提交表单;第二个就是parent.ajax_upload()调用框架外的函数,从而可以对返回的值进行操作。