PHP和AJAX上传文件

写这篇文章主要是不要忘记，而且这种上传还很简单

第一步在视图页面引入两个JS。jquery.js 和 ajaxupload.js

<script type="text/javascript" src="<? echo URL_PATH; ?>static/admin/js/jquery-1.7.2.js"></script><script type="text/javascript" src="<? echo URL_PATH; ?>static/admin/js/ajaxupload.js"></script>

第二步写个JS

<script type="text/javascript">$(document).ready(function(){//图片上传new AjaxUpload('#select',{    action : '<?php echo URL_PATH . 'comm/upload_img'; ?>',    onSubmit : function(){   $("#select").attr("value","上传中...");   this.disable();},onComplete : function(file,ext){alert(ext);       var obj=eval('('+ext+')');   if(obj.error==1){alert(obj.url);   }   else{      $("#litpic").attr("value",obj.url);   }   $("#select").attr("value","上传");   this.enable();}  });});</script>

如果看不懂的可以网上搜索ajaxupload.js这个JS ，里面有详细的说明。

第三步在相应的处理上传文件的PHP文件中处里这个JS提交的action。这里我要介绍这个PHP上传类

class Uploader{    private $fileField;            //文件域名    private $file;                 //文件上传对象    private $config;               //配置信息    private $oriName;              //原始文件名    private $fileName;             //新文件名    private $fullName;             //完整文件名,即从当前配置目录开始的URLprivate $UrlName;   //文件名的URL形式    private $fileSize;             //文件大小    private $fileType;             //文件类型    private $stateInfo;            //上传状态信息,    private $stateMap = array(    //上传状态映射表，国际化用户需考虑此处数据的国际化        "SUCCESS" ,                //上传成功标记，在UEditor中内不可改变，否则flash判断会出错        "文件大小超出 upload_max_filesize 限制" ,        "文件大小超出 MAX_FILE_SIZE 限制" ,        "文件未被完整上传" ,        "没有文件被上传" ,        "上传文件为空" ,        "POST" => "文件大小超出 post_max_size 限制" ,        "SIZE" => "文件大小超出网站限制" ,        "TYPE" => "不允许的文件类型" ,        "DIR" => "目录创建失败" ,        "IO" => "输入输出错误" ,        "UNKNOWN" => "未知错误" ,        "MOVE" => "文件保存时出错"    );    /**     * 构造函数     * @param string $fileField 表单名称     * @param array $config  配置项     * @param bool $base64  是否解析base64编码，可省略。若开启，则$fileField代表的是base64编码的字符串表单名     */    public function __construct( $fileField , $config , $base64 = false )    {        $this->fileField = $fileField;        $this->config = $config;        $this->stateInfo = $this->stateMap[ 0 ];        $this->upFile( $base64 );    }    /**     * 上传文件的主处理方法     * @param $base64     * @return mixed     */    private function upFile( $base64 )    {        //处理base64上传        if ( "base64" == $base64 ) {            $content = $_POST[ $this->fileField ];            $this->base64ToImage( $content );            return;        }        //处理普通上传        $file = $this->file = $_FILES[ $this->fileField ];        if ( !$file ) {            $this->stateInfo = $this->getStateInfo( 'POST' );            return;        }        if ( $this->file[ 'error' ] ) {            $this->stateInfo = $this->getStateInfo( $file[ 'error' ] );            return;        }        if ( !is_uploaded_file( $file[ 'tmp_name' ] ) ) {            $this->stateInfo = $this->getStateInfo( "UNKNOWN" );            return;        }        $this->oriName = $file[ 'name' ];        $this->fileSize = $file[ 'size' ];        $this->fileType = $this->getFileExt();        if ( !$this->checkSize() ) {            $this->stateInfo = $this->getStateInfo( "SIZE" );            return;        }        if ( !$this->checkType() ) {            $this->stateInfo = $this->getStateInfo( "TYPE" );            return;        }        $this->fullName = $this->getFolder() . '/' . $this->getName();$this->UrlName .= '/' . $this->fileName;        if ( $this->stateInfo == $this->stateMap[ 0 ] ) {            if ( !move_uploaded_file( $file[ "tmp_name" ] , $this->fullName ) ) {                $this->stateInfo = $this->getStateInfo( "MOVE" );            }        }    }    /**     * 处理base64编码的图片上传     * @param $base64Data     * @return mixed     */    private function base64ToImage( $base64Data )    {        $img = base64_decode( $base64Data );        $this->fileName = time() . rand( 1 , 10000 ) . ".png";        $this->fullName = $this->getFolder() . '/' . $this->fileName;        if ( !file_put_contents( $this->fullName , $img ) ) {            $this->stateInfo = $this->getStateInfo( "IO" );            return;        }        $this->oriName = "";        $this->fileSize = strlen( $img );        $this->fileType = ".png";    }    /**     * 获取当前上传成功文件的各项信息     * @return array     */    public function getFileInfo()    {        return array(            "originalName" => $this->oriName ,            "name" => $this->fileName ,            "baseName" => $this->fullName ,"urlName" => $this->UrlName ,            "size" => $this->fileSize ,            "type" => $this->fileType ,            "state" => $this->stateInfo        );    }    /**     * 上传错误检查     * @param $errCode     * @return string     */    private function getStateInfo( $errCode )    {        return !$this->stateMap[ $errCode ] ? $this->stateMap[ "UNKNOWN" ] : $this->stateMap[ $errCode ];    }    /**     * 重命名文件     * @return string     */    private function getName()    {        return $this->fileName = time() . rand( 1 , 10000 ) . $this->getFileExt();    }    /**     * 文件类型检测     * @return bool     */    private function checkType()    {        return in_array( $this->getFileExt() , $this->config[ "allowFiles" ] );    }    /**     * 文件大小检测     * @return bool     */    private function  checkSize()    {        return $this->fileSize <= ( $this->config[ "maxSize" ] * 1024 );    }    /**     * 获取文件扩展名     * @return string     */    private function getFileExt()    {        return strtolower( strrchr( $this->file[ "name" ] , '.' ) );    }    /**     * 按照日期自动创建存储文件夹     * @return string     */    private function getFolder()    {        $pathStr = $this->config[ "savePath" ];        if ( strrchr( $pathStr , "/" ) != "/" ) {            $pathStr .= "/";        }        $pathStr .= date( "Ymd" );        if ( !file_exists( $pathStr ) ) {            if ( !mkdir( $pathStr , 0777 , true ) ) {                return false;            }        }$this->UrlName .= $this->config['saveUrl'] . date( "Ymd" );        return $pathStr;    }}

使用这个类用如下方式

//上传配置$config = array("saveUrl" => URL_PATH . "attached/" , "savePath" => ROOT_PATH . "/attached/" , //保存路径"allowFiles" => array('.gif', '.jpg', '.jpeg', '.png', '.bmp' ) , //文件允许格式"maxSize" => 2000 //文件大小限制，单位KB);//生成上传实例对象并完成上传$up = new Uploader( "userfile" , $config );$info = $up->getFileInfo();

然后返回到AJAX的JS处理上传。