当前位置:首页 > PHP教程 > php上传下载 > 列表

php无刷新利用iframe实现页面无刷新上传文件

发布:smiling 来源: PHP粉丝网  添加日期:2014-09-08 22:09:19 浏览: 评论:0 

利用form表单的target属性和iframe

一、上传文件的一个php方法

该方法接受一个$file参数,该参数为从客户端获取的$_files变量,返回重新命名后的文件名,如果上传失败,则返回空字符串,php代码如下:

  1. function uploadfile($file) {  
  2.  
  3.         // 上传路径     $destinationpath = "./upload/";  
  4.         if (!file_exists($destinationpath)){  
  5.             mkdir($destinationpath , 0777);     }  
  6.            //开源代码phpfensi.com 
  7.         //重命名 
  8.         $filename = date('ymdhis') . '_' . iconv('utf-8' , 'gb2312' , basename($file['name']));  
  9.         if (move_uploaded_file($file['tmp_name'], $destinationpath . $filename)) {         return iconv('gb2312' , 'utf-8' , $filename);  
  10.         }     return '';  
  11.       } 

二、客户端html代码

这里正是技巧所在,添加另一个iframe来实现,表单标签form定义了一个属性target,该属性解释如下.

target属性:

_blank   ----------   新开窗口

_self   -----------   自身

_top   ------------   主框架

_parent   ---------   父框架

自定义名字  -----  出现于框架结构,将会在该名称的框架内打开链接.

本例中采用iframe名字,所以表单在提交时会在iframe内打开链接,即无刷新,确切的说应该是感觉无刷新.

在表单提交时,调用startupload方法,当然这是js定义的,此外我们还定义一个span来显示提示信息,代码如下:

  1. <form id="upform" action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startupload()"> 导入文件:<input type="file" name="myfile" id="myfile" /> 
  2.     <input type="submit" name="submitbtn" value="导入" /> <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;">iframe> 
  3.     form> <span id="info">span> 

三、js部分

这部分比较简单,只是显示提示信息,实例代码如下:

  1. function startupload() {  
  2.         var spanobj = document.getelementbyid("info");     spanobj.innerhtml = " 开始上传";  
  3.     }  
  4.     function stopupload(responsetext){     var spanobj = document.getelementbyid("info");  
  5.         spanobj.innerhtml = " 上传成功;     spanobj.innerhtml = responsetext;  
  6.       }  

接下来就要看服务器端得处理了.

四、服务器段处理部分,php代码如下:

  1. $file = $_files['myfile'];   $filename = uploadfile($file);  
  2.       $result = readfromfile("./upload/" . $filename); 
  3. 此外在后面还应该加上一句js代码用来调用stopupload方法。 
  4. javascript代码 
  5.       window.top.window.stopupload(""); 
  6. 最后在补上php中的readfromfile方法,就大功告成了。 
  7. php代码 
  8. //开源代码phpfensi.com 
  9.     function readfromfile($target_path) {  
  10.         // 读取文件内容     $file = fopen($target_path,'r') or die("unable to open file");  
  11.         $filecontent = '';     while(!feof($file))  
  12.         {         $str = fgets($file);  
  13.             $filecontent .= $str;     }  
  14.         fclose($file);     return $filecontent;  
  15.       }

Tags: php无刷新 iframe无刷新上传

分享到: