基于PHP的AJAX技术实现文件异步上传

  异步的文件上传是在现代的AJAX实现的Web应用里面经常要遇到,必须解决的问题。但是标准的AJAX类(XmlHttpRequest)无法实现传输文件的功能。因此,这里讨论的内容就是如何在AJAX的技术的基础之上构建异步的文件上传功能。在这个功能当中需要使用到内置的框及(IFRAME)来传输文件。这个功能实现的效果是页面在上传文件的时候,用户还可以使用该页面并且填写文件描述。

  这个例子是我们引用AJAX的经典案例进行分析的。

  系统环境

  · 较新版本的浏览器。例如Opera,Firefox或者 Internet Explorer。

  · PHP 4.3.0 或更高版本

  · PHP 5 版本

  · PHP 中的 ‘short_open_tag’ 选项开启(否则会发生解析错误)。

  功能分析

  通过内置的IFRAME(框架)进行文件上传。具备包括三个部分组成。

  · 在页面中间有一个简单的<form…表单,表单只包含了<input type=”file” … >控件。这个表单的目标链接就是一个隐藏得IFRAME(通过 CSS的风格” display: none;”实现)并且表单里面唯一一个控件的OnChange事件用来触发JavaScript函数。这个函数的作用是检查用户提交的扩展名,然后提交表单。

  · 在服务器端用PHP编写了一个处理过程(用FILEFRAME坐注释了)。这个处理过程用来把从客户端上传的文件进行检查后保存在服务器,并且通过Javascript代码的形式返回给用户。返回给用户的Javascript脚本通过”parent.window.document”更改了用户现在正在查看的页面,设置了文件的名称并启用了让用户提交表单的按钮。启用按钮的操作是通过getElementById函数实现的。

  · 在主页面还有一个表单,它包含了用户提交的描述和隐藏的文件名。用户可以在文件上传的同时填写文件的描述。当文件上传结束以后,用户点击按钮,就可以看上传以后返回给用户的文件信息了。(通过返回来的文件名和用户输入的描述构成文件信息)。

  可能你会说这么操作不符合常理:文件在用户确认之前就已经被提交了。如果用户没有提交的话,情况会如何呢。你可以自己在扩展处理被用户放弃的文件。

  这个例子把文件存储在一个文件系统的目录下。你需要在脚本开始运行的时候配置下这个目录,具体的包含这个目录信息的变量是$upload_dir 和$web_upload_dir。这里有一个对目录是否可写的权限检查。

  这里我们用到了以下几个PHP函数:

  · move_uploaded_file – 转移一经上传到服务器的文件

  · fopen – 打开文件

  · fwrite – 把内容写入文件

  · fclose – 关闭文件

  · str_replace – 替换字符串

  · filesize – 返回文件大小

  · filemtime – 返回处理时间

  你可以通过手册查到这些函数如果使用。请注意要把HTM(<, >, &)标记替换为(<, > 和 &).

    源代码

<?php
$upload_dir = “/var/www/anyexample/aeu”; // 文件存储的路径
$web_upload_dir = “/aeu”; // 文件在Web目录下的路径
$tf = $upload_dir.’/’.md5(rand()).”.test”;
$f = @fopen($tf, “w”);
if ($f == false)
die(“Fatal error! {$upload_dir} is not writable. Set ‘chmod 777 {$upload_dir}’
or something like this”);
fclose($f);
unlink($tf);

//处理上传的文件
if (isset($_POST[‘fileframe’]))
{
 $result = ‘ERROR’;
 $result_msg = ‘No FILE field found’;

 if (isset($_FILES[‘file’])) // 从浏览器接受文件
 {
  if ($_FILES[‘file’][‘error’] == UPLOAD_ERR_OK) // 没有错误
  {
   $filename = $_FILES[‘file’][‘name’]; // 文件名
   move_uploaded_file($_FILES[‘file’][‘tmp_name’], $upload_dir.’/’.$filename);
   // 处理的主过程-转移文件到 $upload_dir
   $result = ‘OK’;
  }
  elseif ($_FILES[‘file’][‘error’] == UPLOAD_ERR_INI_SIZE)
   $result_msg = ‘The uploaded file exceeds the upload_max_filesize directive in php.ini’;
  else
   $result_msg = ‘Unknown error’;
 }

 echo ‘<html><head><title>-</title></head><body>’;
 echo ‘<script language=”JavaScript” type=”text/javascript”>’.”n”;
 echo ‘var parDoc = window.parent.document;’;
 ’
 if ($result == ‘OK’)
 {
  echo ‘parDoc.getElementById(“upload_status”).value = “file successfully uploaded”;’;
  echo ‘parDoc.getElementById(“filename”).value = “‘.$filename.'”;’;
  echo ‘parDoc.getElementById(“filenamei”).value = “‘.$filename.'”;’;
  echo ‘parDoc.getElementById(“upload_button”).disabled = false;’;
 }
 else
 {
  echo ‘parDoc.getElementById(“upload_status”).value = “ERROR: ‘.$result_msg.'”;’;
 }

 echo “n”.’</script></body></html>’;
 exit();
}

function safehtml($s)
{
 $s=str_replace(“&”, “&”, $s);
 $s=str_replace(“<”, “<”, $s);
 $s=str_replace(“>”, “>”, $s);
 $s=str_replace(“‘”, “'”, $s);
 $s=str_replace(“””, “"”, $s);
 return $s;
}

if (isset($_POST[‘description’]))
{
 $filename = $_POST[‘filename’];
 $size = filesize($upload_dir.’/’.$filename);
 $date = date(‘r’, filemtime($upload_dir.’/’.$filename));
 $description = safehtml($_POST[‘description’]);

 $html =<<<END
 <html><head><title>{$filename} [uploaded by IFRAME Async file uploader]</title></head>
 <body>
  <h1>{$filename}</h1>
  <p>This is a file information page for your uploaded file. Bookmark it, or send to anyone…</p>
  <p>Date: {$date}</p>
  <p>Size: {$size} bytes</p>
  <p>Description:
  <pre>{$description}</pre>
  </p>
  <p><a href=”{$web_upload_dir}/{$filename}” style=”font-size: large;”>download file</a><br>
  <a href=”{$PHP_SELF}” style=”font-size: small;”>back to file uploading</a><br>
  <a href=”{$web_upload_dir}/upload-log.html” style=”font-size: small;”>upload-log</a></p>
  <br><br>Example by <a href=”http://www.anyexample.com/”>AnyExample</a>
 </body></html>
 END;
 
 $f = fopen($upload_dir.’/’.$filename.’-desc.html’, “w”);
 fwrite($f, $html);
 fclose($f);
 $msg = “File {$filename} uploaded,
 <a href='{$web_upload_dir}/{$filename}-desc.html’>see file information page</a>”;

 $f = fopen($upload_dir.”/upload-log.html”, “a”);
 fwrite($f, “<p>$msg</p>n”);
 fclose($f);

 setcookie(‘msg’, $msg);
 header(“Location: http://”.$_SERVER[‘HTTP_HOST’].$PHP_SELF);
 exit();
}

if (isset($_COOKIE[‘msg’]) && $_COOKIE[‘msg’] != ”)
{
 if (get_magic_quotes_gpc())
  $msg = stripslashes($_COOKIE[‘msg’]);
 else
  $msg = $_COOKIE[‘msg’];
  setcookie(‘msg’, ”);
}
?>
<!– Beginning of main page –>
<html><head>
<title>IFRAME Async file uploader example</title>
</head>
<body>
<?php
 if (isset($msg))
  echo ‘<p style=”font-weight: bold;”>’.$msg.’</p>’;
?>
<h1>Upload file:</h1>
<p>File will begin to upload just after selection. </p>
<p>You may write file description, while you file is being uploaded.</p>

<form action=”<?=$PHP_SELF?>” target=”upload_iframe” method=”post” enctype=”multipart/form-data”>
 <input type=”hidden” name=”fileframe” value=”true”>
 <!– Target of the form is set to hidden iframe –>
 <!– From will send its post data to fileframe section of this PHP script (see above) –>

 <label for=”file”>text file uploader:</label><br>
 <!– JavaScript is called by OnChange attribute –>
 <input type=”file” name=”file” id=”file” onChange=”jsUpload(this)”>
</form>
<script type=”text/javascript”>
/* This function is called when user selects file in file dialog */
function jsUpload(upload_field)
{
 // this is just an example of checking file extensions
 // if you do not need extension checking, remove
 // everything down to line
 // upload_field.form.submit();
 
 var re_text = /.txt|.xml|.zip/i;
 var filename = upload_field.value;

 /* Checking file type */
 if (filename.search(re_text) == -1)
 {
  alert(“File does not have text(txt, xml, zip) extension”);
  upload_field.form.reset();
  return false;
 }

 upload_field.form.submit();
 document.getElementById(‘upload_status’).value = “uploading file…”;
 upload_field.disabled = true;
 return true;
}
</script>
<iframe name=”upload_iframe” style=”width: 400px; height: 100px; display: none;”>
</iframe>
<!– For debugging purposes, it’s often useful to remove
“display: none” from style=”” attribute –>

<br>
Upload status:<br>
<input type=”text” name=”upload_status” id=”upload_status”
value=”not uploaded” size=”64″ disabled>
<br><br>

File name:<br>
<input type=”text” name=”filenamei” id=”filenamei” value=”none” disabled>

<form action=”<?=$PHP_SELF?>” method=”POST”>
 <!– one field is “disabled” for displaying-only. Other, hidden one is for sending data –>
 <input type=”hidden” name=”filename” id=”filename”>
 <br><br>

 <label for=”photo”>File description:</label><br>
 <textarea rows=”5″ cols=”50″ name=”description”></textarea>

 <br><br>
 <input type=”submit” id=”upload_button” value=”save file” disabled>
</form>
<br><br>
<a href=”<?=$web_upload_dir?>/upload-log.html”>upload-log</a>
<br><br><br>

Example by <a href=”http://www.anyexample.com/”>AnyExample</a>
</body>
</html>

  以上的讲解就是提供一种思路供大家参考。大家也可以根据自己的需求进行相应的优化。

Read: 632

一个别人PHP的分页类

<?
/**
* filename: ext_page.class.php
* @package:phpbean
* @author :feifengxlq<feifengxlq#gmail.com><[url=http://www.phpobject.net/]http://www.phpobject.net/[/url]>
* @copyright :Copyright 2006 feifengxlq
* @license:version 2.0
* @create:2006-5-31
* @modify:2006-6-1
* @modify:feifengxlq 2006-11-4
* description:超强分页类,四种分页模式,默认采用类似baidu,google的分页风格。
* 2.0增加功能:支持自定义风格,自定义样式,同时支持PHP4和PHP5,
* to see detail,please visit [url=http://www.phpobject.net/blog/read.php]http://www.phpobject.net/blog/read.php[/url]?
* example:
* 模式四种分页模式:
    require_once(‘../libs/classes/page.class.php’);
    $page=new page(array(‘total’=>1000,’perpage’=>20));
    echo ‘mode:1<br>’.$page->show();
    echo ‘<hr>mode:2<br>’.$page->show(2);
    echo ‘<hr>mode:3<br>’.$page->show(3);
    echo ‘<hr>mode:4<br>’.$page->show(4);
    开启AJAX:
    $ajaxpage=new page(array(‘total’=>1000,’perpage’=>20,’ajax’=>’ajax_page’,’page_name’=>’test’));
    echo ‘mode:1<br>’.$ajaxpage->show();
    采用继承自定义分页显示模式:
    demo:http://www.phpobject.net/blog
*/
class page
{
/**
   * config ,public
   */
var $page_name=”PB_page”;//page标签,用来控制url页。比如说xxx.php?PB_page=2中的PB_page
var $next_page=’>’;//下一页
var $pre_page='<‘;//上一页
var $first_page=’First’;//首页
var $last_page=’Last’;//尾页
var $pre_bar='<<‘;//上一分页条
var $next_bar=’>>’;//下一分页条
var $format_left='[‘;
var $format_right=’]’;
var $is_ajax=false;//是否支持AJAX分页模式

/**
   * private
   *
   */
var $pagebarnum=10;//控制记录条的个数。
var $totalpage=0;//总页数
var $ajax_action_name=”;//AJAX动作名
var $nowindex=1;//当前页
var $url=””;//url地址头
var $offset=0;

/**
   * constructor构造函数
   *
   * @param array $array[‘total’],$array[‘perpage’],$array[‘nowindex’],$array[‘url’],$array[‘ajax’]…
   */
function page($array)
{
   if(is_array($array)){
      if(!array_key_exists(‘total’,$array))$this->error(__FUNCTION__,’need a param of total’);
      $total=intval($array[‘total’]);
      $perpage=(array_key_exists(‘perpage’,$array))?intval($array[‘perpage’]):10;
      $nowindex=(array_key_exists(‘nowindex’,$array))?intval($array[‘nowindex’]):”;
      $url=(array_key_exists(‘url’,$array))?$array[‘url’]:”;
   }else{
      $total=$array;
      $perpage=10;
      $nowindex=”;
      $url=”;
   }
   if((!is_int($total))||($total<0))$this->error(__FUNCTION__,$total.’ is not a positive integer!’);
   if((!is_int($perpage))||($perpage<=0))$this->error(__FUNCTION__,$perpage.’ is not a positive integer!’);
   if(!empty($array[‘page_name’]))$this->set(‘page_name’,$array[‘page_name’]);//设置pagename
   $this->_set_nowindex($nowindex);//设置当前页
   $this->_set_url($url);//设置链接地址
   $this->totalpage=ceil($total/$perpage);
   $this->offset=($this->nowindex-1)*$this->perpage;
   if(!empty($array[‘ajax’]))$this->open_ajax($array[‘ajax’]);//打开AJAX模式
}
/**
   * 设定类中指定变量名的值,如果改变量不属于这个类,将throw一个exception
   *
   * @param string $var
   * @param string $value
   */
function set($var,$value)
{
   if(in_array($var,get_object_vars($this)))
      $this->$var=$value;
   else {
    $this->error(__FUNCTION__,$var.” does not belong to PB_Page!”);
   }
  
}
/**
   * 打开倒AJAX模式
   *
   * @param string $action 默认ajax触发的动作。
   */
function open_ajax($action)
{
   $this->is_ajax=true;
   $this->ajax_action_name=$action;
}
/**
   * 获取显示”下一页”的代码
   *
   * @param string $style
   * @return string
   */
function next_page($style=”)
{
   if($this->nowindex<$this->totalpage){
    return $this->_get_link($this->_get_url($this->nowindex+1),$this->next_page,$style);
   }
   return ‘<span class=”‘.$style.'”>’.$this->next_page.'</span>’;
}

/**
   * 获取显示“上一页”的代码
   *
   * @param string $style
   * @return string
   */
function pre_page($style=”)
{
   if($this->nowindex>1){
    return $this->_get_link($this->_get_url($this->nowindex-1),$this->pre_page,$style);
   }
   return ‘<span class=”‘.$style.'”>’.$this->pre_page.'</span>’;
}

/**
   * 获取显示“首页”的代码
   *
   * @return string
   */
function first_page($style=”)
{
   if($this->nowindex==1){
       return ‘<span class=”‘.$style.'”>’.$this->first_page.'</span>’;
   }
   return $this->_get_link($this->_get_url(1),$this->first_page,$style);
}

/**
   * 获取显示“尾页”的代码
   *
   * @return string
   */
function last_page($style=”)
{
   if($this->nowindex==$this->totalpage){
       return ‘<span class=”‘.$style.'”>’.$this->last_page.'</span>’;
   }
   return $this->_get_link($this->_get_url($this->totalpage),$this->last_page,$style);
}

function nowbar($style=”,$nowindex_style=”)
{
   $plus=ceil($this->pagebarnum/2);
   if($this->pagebarnum-$plus+$this->nowindex>$this->totalpage)$plus=($this->pagebarnum-$this->totalpage+$this->nowindex);
   $begin=$this->nowindex-$plus+1;
   $begin=($begin>=1)?$begin:1;
   $return=”;
   for($i=$begin;$i<$begin+$this->pagebarnum;$i++)
   {
    if($i<=$this->totalpage){
     if($i!=$this->nowindex)
         $return.=$this->_get_text($this->_get_link($this->_get_url($i),$i,$style));
     else
         $return.=$this->_get_text(‘<span class=”‘.$nowindex_style.'”>’.$i.'</span>’);
    }else{
     break;
    }
    $return.=”n”;
   }
   unset($begin);
   return $return;
}
/**
   * 获取显示跳转按钮的代码
   *
   * @return string
   */
function select()
{
   $return='<select name=”PB_Page_Select” >’;
   for($i=1;$i<=$this->totalpage;$i++)
   {
    if($i==$this->nowindex){
     $return.='<option value=”‘.$i.'” selected>’.$i.'</option>’;
    }else{
     $return.='<option value=”‘.$i.'”>’.$i.'</option>’;
    }
   }
   unset($i);
   $return.='</select>’;
   return $return;
}

/**
   * 获取mysql 语句中limit需要的值
   *
   * @return string
   */
function offset()
{
   return $this->offset;
}

/**
   * 控制分页显示风格(你可以增加相应的风格)
   *
   * @param int $mode
   * @return string
   */
function show($mode=1)
{
   switch ($mode)
   {
    case ‘1’:
     $this->next_page=’下一页’;
     $this->pre_page=’上一页’;
     return $this->pre_page().$this->nowbar().$this->next_page().’第’.$this->select().’页’;
     break;
    case ‘2’:
     $this->next_page=’下一页’;
     $this->pre_page=’上一页’;
     $this->first_page=’首页’;
     $this->last_page=’尾页’;
     return $this->first_page().$this->pre_page().'[第’.$this->nowindex.’页]’.$this->next_page().$this->last_page().’第’.$this->select().’页’;
     break;
    case ‘3’:
     $this->next_page=’下一页’;
     $this->pre_page=’上一页’;
     $this->first_page=’首页’;
     $this->last_page=’尾页’;
     return $this->first_page().$this->pre_page().$this->next_page().$this->last_page();
     break;
    case ‘4’:
     $this->next_page=’下一页’;
     $this->pre_page=’上一页’;
     return $this->pre_page().$this->nowbar().$this->next_page();
     break;
    case ‘5’:
     return $this->pre_bar().$this->pre_page().$this->nowbar().$this->next_page().$this->next_bar();
     break;
   }
  
}
/*—————-private function (私有方法)———————————————————–*/
/**
   * 设置url头地址
   * @param: String $url
   * @return boolean
   */
function _set_url($url=””)
{
   if(!empty($url)){
       //手动设置
    $this->url=$url.((stristr($url,’?’))?’&’:’?’).$this->page_name.”=”;
   }else{
       //自动获取
    if(empty($_SERVER[‘QUERY_STRING’])){
        //不存在QUERY_STRING时
     $this->url=$_SERVER[‘REQUEST_URI’].”?”.$this->page_name.”=”;
    }else{
        //
     if(stristr($_SERVER[‘QUERY_STRING’],$this->page_name.’=’)){
         //地址存在页面参数
      $this->url=str_replace($this->page_name.’=’.$this->nowindex,”,$_SERVER[‘REQUEST_URI’]);
      $last=$this->url[strlen($this->url)-1];
      if($last==’?’||$last==’&’){
          $this->url.=$this->page_name.”=”;
      }else{
          $this->url.=’&’.$this->page_name.”=”;
      }
     }else{
         //
      $this->url=$_SERVER[‘REQUEST_URI’].’&’.$this->page_name.’=’;
     }//end if    
    }//end if
   }//end if
}

/**
   * 设置当前页面
   *
   */
function _set_nowindex($nowindex)
{
   if(empty($nowindex)){
    //系统获取
   
    if(isset($_GET[$this->page_name])){
     $this->nowindex=intval($_GET[$this->page_name]);
    }
   }else{
       //手动设置
    $this->nowindex=intval($nowindex);
   }
}
  
/**
   * 为指定的页面返回地址值
   *
   * @param int $pageno
   * @return string $url
   */
function _get_url($pageno=1)
{
   return $this->url.$pageno;
}

/**
   * 获取分页显示文字,比如说默认情况下_get_text(‘<a href=””>1</a>’)将返回[<a href=””>1</a>]
   *
   * @param String $str
   * @return string $url
   */
function _get_text($str)
{
   return $this->format_left.$str.$this->format_right;
}

/**
    * 获取链接地址
*/
function _get_link($url,$text,$style=”){
   $style=(empty($style))?”:’class=”‘.$style.'”‘;
   if($this->is_ajax){
       //如果是使用AJAX模式
    return ‘<a ‘.$style.’ href=”javascript:’.$this->ajax_action_name.'(”.$url.”)”>’.$text.'</a>’;
   }else{
    return ‘<a ‘.$style.’ href=”‘.$url.'”>’.$text.'</a>’;
   }
}
/**
    * 出错处理方式
*/
function error($function,$errormsg)
{
      die(‘Error in file <b>’.__FILE__.'</b> ,Function <b>’.$function.'()</b> :’.$errormsg);
}
}
?>

Read: 553

数据库多表查询的一个简单例子

user表    ID    NAME     VIPlv
01    user     02
这张表用来存储用户信息
VIP表     ID    VIPname
01    普通用户
02    黄金用户
这张表用来存储VIP等级的信息

比如我要要这样输出
编号:ID     用户名:    等级:黄金用户
select vip.vipname from user inner join vip on user.viplv=vip.id

Read: 1220

养生保健十二少

养生保健十二少
作者 : 容小兴 千龙新闻网

健康长寿,人人欲求。据古今中外保健专家的研究,养生保健离不开一个“少”字。

少盐:盐是机体不可缺少的成分,更有调适口味的功能。但摄入过多的盐会加重心肾等器官的负担,还会使高血压患者血压更高。国人食盐量普遍超高,需减盐添康。

少糖:国人的糖类消耗量平均水平并不高,但城乡差别和家庭之间状况差异极大,不少地方儿童嗜糖者为数不少。偏高的糖摄入使热量过剩,引发肥胖等恶果。

少烟:香烟中含有大量的有毒物质,欲身体健康必须戒除烟瘾,这将会使你远离许多疾病,特别是能大大减少患癌症的机率。

少酒:饮酒好坏各有所论,少量饮酒对身体有益,嗜酒醉酒则对身体有害,长期嗜酒还会引起酒精中毒,麻痹大脑和神经系统。建议多喝红酒。

少忧:忧虑是最坏的情绪之一,在现代社会千变万化的发展中,人们应克服自己的欲望,自足常乐,没有必要对一些虚无的东西过度忧虑。

少吃香炸食:油炸及烧烤食物受烹饪过程中高温的影响,使油脂和肉类蛋白发生异变,产生致癌物质,增加患癌症的危险。因此饮食应以清淡为主。

少做省力事:现代人的工作和生活越来越舒适,脑力劳动已占据主要地位,身体缺乏必要的活动,是导致体弱多病和肥胖的根源,所以应多进行一些体力活动,促进新陈代谢。

少做亏心事:做了亏心事的人,心理上总会产生持续的紧张或害怕或后悔等不良情绪,导致疾病增多,寿命减短。多做善事才有福。

少享暴口福:暴食暴饮有许多不利健康的后果,容易形成酸性体质,使大脑和机体加速衰老。所以美味应浅尝有度。

少在屋里呆:要经常走到大自然,呼吸新鲜空气,享受美好景色的熏陶,注意室内空气的流通,尽量减少污染源,促进身心健康。

少荤多素好:肉类食物含有更多的对身体有害的物质,而蔬菜和水果中则含有更多的对人体有益的营养成分。在保证营养和能量的前提下,多素少荤能促进身体健康长寿。

少发无名火:现代人的情绪更容易受到外界的影响,不良情绪的持久存在会导致机体代谢失常而患病。所以需重视心理的调控,戒躁戒怒,快乐健康。

生活中还会有许多应该少一些而有益健康的行为,正常人要经常想到这些问题,并注意在生活中加以改进和调适,养生保健靠平时。

Read: 607

我靠!什么鸟玩意嘛!!!

到北京了   那禽兽居然给我说是在吉林

我晕了。。。。他是分不清哪是北京还是分不清哪是吉林啊….

我当时身上就只有几十块钱了….心里那个没底啊….

手机也欠费了 还好还能接

没办法 只好在车站那买了张IC卡 打了个电话叫我老妈给我打了200块钱过来…

心凉喽都….要是不带卡我就完蛋啦

Read: 783