PHP实现多图上传(结合uploadify插件)思路分析

php  /  管理员 发布于 7年前   205

本文实例讲述了PHP实现多图上传的方法。分享给大家供大家参考，具体如下：

1.已有图片可以删除
2.有一个新增的按钮
3.点击新增按钮，跳出frame框
4.在frame框中实现图片异步上传与及时效果
5.上传成功后，调用回调函数
6.弹出框中的图片可以进行删除
7.frame弹出框点击保存，把图片通过js展示到页面中
8.页面点击保存，把图片数据保存到数据库

  
            
    删除  
      
    

点评:点击的时候，调用GetUploadify方法。

/* * 上传图片 后台专用 * @access public * @null int 一次上传图片张图 * @elementid string 上传成功后返回路径插入指定ID元素内 * @path string 指定上传保存文件夹,默认存在Public/upload/temp/目录 * @callback string 回调函数(单张图片返回保存路径字符串，多张则为路径数组 ) */function GetUploadify(num,elementid,path,callback){    var pc_hash = $('#pc_hash').val();  var upurl ='?m=admin&c=upload&a=upload&num='+num+'&input='+elementid+'&path='+path+'&func='+callback+'&pc_hash='+pc_hash;  var iframe_str='';           $("body").append(iframe_str);    $("iframe.uploadframe").css("height",$(document).height()).css("width","100%").css("position","absolute").css("left","0px").css("top","0px").css("z-index","999999").show();  $(window).resize(function(){    $("iframe.uploadframe").css("height",$(document).height()).show();  });}

点评:生成一个iframe框。

public function upload(){    $func = $_REQUEST['func'];    $path = $_REQUEST['path'] ? $_REQUEST['path'] :'temp';    $info = array(      'num'=> $_REQUEST['num'],      'title' => '',           'upload' =>'?m=admin&c=upload&a=imageUp&savepath='.$path.'&pictitle=banner&dir=images&pc_hash='.$_SESSION['pc_hash'],      'size' => '4M',      'type' =>'jpg,png,gif,jpeg',      'input' => $_REQUEST['input'],      'func' => empty($func) ? 'undefined' : $func,    );    include $this->admin_tpl('upload_upload');}

  
  
    
      
  
      
最多上传个附件,单文件最大,类型
      
                
        
          
列表
          
          
          
      
        保存                 取消            

点评:调用uploadify插件

$(function() {  $('#uploadify').uploadify({      'auto'      : true,      'method'     : 'post',      'multi'      : true,      'swf'       : 'uploadify/uploadify.swf',      'uploader'    : '',      'progressData'  : 'all',      'queueSizeLimit' : '',      'uploadLimit'   : 5,      'fileSizeLimit'  : '20000KB',      'fileTypeDesc'  : 'Image Files',      'fileTypeExts'  : '*.jpeg; *.jpg; *.png; *.gif',      'buttonImage'   : 'uploadify/select.png',      'queueID'     : 'fileQueue',      'onUploadStart'  : function(file){        $('#uploadify').uploadify('settings', 'formData', {'iswatermark':$("#iswatermark").is(':checked')});  },      'onUploadSuccess' : function(file, data, response){        $(".fileWarp ul").append(SetImgContent(data));        SetUploadFile();      }    });});

点评：表单提交图片文件到服务器，成功后调用回调函数。

/*** @function imageUp*/public function imageUp(){      // 有文件传入，现在要做的就是把它保存起来    // 处理上传并返回数据    // 上传图片框中的描述表单名称，    $title = htmlspecialchars($_REQUEST['pictitle'], ENT_QUOTES);    // $path = htmlspecialchars($_REQUEST['dir'], ENT_QUOTES);    $savepath = htmlspecialchars($_REQUEST['savepath'], ENT_QUOTES);    $up = new think_upload();    $path = './uploadfile/'.$savepath;    //设置属性(上传的位置， 大小， 类型， 名是是否要随机生成)    $up -> set("path", $path);    $up -> set("maxsize", 2000000);    $up -> set("allowtype", array("gif", "png", "jpg","jpeg"));    $up -> set("israndname", true);    //使用对象中的upload方法， 就可以上传文件， 方法需要传一个上传表单的名子 pic, 如果成功返回true, 失败返回false    if($up -> upload("Filedata")) {      $name = $up->getFileName();      $return_data['url'] = $path.'/'.$name;      $return_data['title'] = $title;      $return_data['state'] = 'SUCCESS';      exit(json_encode($return_data));    } else {      $return_data['state'] = 'FAILURE';      $return_data['msg']  = $up->getErrorMsg();      exit(json_encode($return_data));    }}

点评:后台处理图片上传表单请求，返回图片路径

setOption($key, $val);   }   return $this;  }  /**   * 调用该方法上传文件   * @param string $fileFile 上传文件的表单名称    * @return bool    如果上传成功返回数true    */  function upload($fileField) {   $return = true;   /* 检查文件路径是滞合法 */   if( !$this->checkFilePath() ) {    $this->errorMess = $this->getError();    return false;   }   /* 将文件上传的信息取出赋给变量 */   $name = $_FILES[$fileField]['name'];   $tmp_name = $_FILES[$fileField]['tmp_name'];   $size = $_FILES[$fileField]['size'];   $error = $_FILES[$fileField]['error'];   /* 如果是多个文件上传则$file["name"]会是一个数组 */   if(is_Array($name)){      $errors=array();    /*多个文件上传则循环处理 ， 这个循环只有检查上传文件的作用，并没有真正上传 */    for($i = 0; $i < count($name); $i++){      /*设置文件信息 */     if($this->setFiles($name[$i],$tmp_name[$i],$size[$i],$error[$i] )) {      if(!$this->checkFileSize() || !$this->checkFileType()){       $errors[] = $this->getError();       $return=false;       }     }else{      $errors[] = $this->getError();      $return=false;     }     /* 如果有问题，则重新初使化属性 */     if(!$return)           $this->setFiles();    }    if($return){     /* 存放所有上传后文件名的变量数组 */     $fileNames = array();        /* 如果上传的多个文件都是合法的，则通过销魂循环向服务器上传文件 */     for($i = 0; $i < count($name); $i++){       if($this->setFiles($name[$i], $tmp_name[$i], $size[$i], $error[$i] )) {       $this->setNewFileName();        if(!$this->copyFile()){        $errors[] = $this->getError();        $return = false;       }       $fileNames[] = $this->newFileName;       }          }     $this->newFileName = $fileNames;    }    $this->errorMess = $errors;    return $return;   /*上传单个文件处理方法*/   } else {    /* 设置文件信息 */    if($this->setFiles($name,$tmp_name,$size,$error)) {     /* 上传之前先检查一下大小和类型 */     if($this->checkFileSize() && $this->checkFileType()){       /* 为上传文件设置新文件名 */      $this->setNewFileName();       /* 上传文件 返回0为成功， 小于0都为错误 */      if($this->copyFile()){        return true;      }else{       $return=false;      }     }else{      $return=false;     }    } else {     $return=false;     }    //如果$return为false, 则出错，将错误信息保存在属性errorMess中    if(!$return)     $this->errorMess=$this->getError();     return $return;   }  }  /**    * 获取上传后的文件名称   * @param void  没有参数   * @return string 上传后，新文件的名称， 如果是多文件上传返回数组   */  public function getFileName(){   return $this->newFileName;  }  /**   * 上传失败后，调用该方法则返回，上传出错信息   * @param void  没有参数   * @return string 返回上传文件出错的信息报告，如果是多文件上传返回数组   */  public function getErrorMsg(){   return $this->errorMess;  }  /* 设置上传出错信息 */  private function getError() {   $str = "上传文件{$this->originName}时出错 : ";   switch ($this->errorNum) {    case 4: $str .= "没有文件被上传"; break;    case 3: $str .= "文件只有部分被上传"; break;    case 2: $str .= "上传文件的大小超过了HTML表单中MAX_FILE_SIZE选项指定的值"; break;    case 1: $str .= "上传的文件超过了php.ini中upload_max_filesize选项限制的值"; break;    case -1: $str .= "未允许类型"; break;    case -2: $str .= "文件过大,上传的文件不能超过{$this->maxsize}个字节"; break;    case -3: $str .= "上传失败"; break;    case -4: $str .= "建立存放上传文件目录失败，请重新指定上传目录"; break;    case -5: $str .= "必须指定上传文件的路径"; break;    default: $str .= "未知错误";   }   return $str.'
';  }  /* 设置和$_FILES有关的内容 */  private function setFiles($name="", $tmp_name="", $size=0, $error=0) {   $this->setOption('errorNum', $error);   if($error)    return false;   $this->setOption('originName', $name);   $this->setOption('tmpFileName',$tmp_name);   $aryStr = explode(".", $name);   $this->setOption('fileType', strtolower($aryStr[count($aryStr)-1]));   $this->setOption('fileSize', $size);   return true;  }  /* 为单个成员属性设置值 */  private function setOption($key, $val) {   $this->$key = $val;  }  /* 设置上传后的文件名称 */  private function setNewFileName() {   if ($this->israndname) {    $this->setOption('newFileName', $this->proRandName());    } else{     $this->setOption('newFileName', $this->originName);   }   }  /* 检查上传的文件是否是合法的类型 */  private function checkFileType() {   if (in_array(strtolower($this->fileType), $this->allowtype)) {    return true;   }else {    $this->setOption('errorNum', -1);    return false;   }  }  /* 检查上传的文件是否是允许的大小 */  private function checkFileSize() {   if ($this->fileSize > $this->maxsize) {    $this->setOption('errorNum', -2);    return false;   }else{    return true;   }  }  /* 检查是否有存放上传文件的目录 */  private function checkFilePath() {   if(empty($this->path)){    $this->setOption('errorNum', -5);    return false;   }   if (!file_exists($this->path) || !is_writable($this->path)) {    if (!@mkdir($this->path, 0755)) {     $this->setOption('errorNum', -4);     return false;    }   }   return true;  }  /* 设置随机文件名 */  private function proRandName() {     $fileName = date('YmdHis')."_".rand(100,999);     return $fileName.'.'.$this->fileType;   }  /* 复制上传文件到指定的位置 */  private function copyFile() {   if(!$this->errorNum) {    $path = rtrim($this->path, '/').'/';    $path .= $this->newFileName;    if (@move_uploaded_file($this->tmpFileName, $path)) {     return true;    }else{     $this->setOption('errorNum', -3);     return false;    }   } else {    return false;   }  }}

点评:php文件上传类。

然后处理好，图片数据删除对应的文件上传，减轻服务器空间压力。

public function delete() {    $id = intval($_GET['id']);    $this->db->delete(array('id'=>$id));    // 遍历删除原图片    $product_img = $this->product_img_db->select(array('product_id'=>$id));    foreach ($product_img as $k => $v) {      unlink($v['img']);    }    // 删除表数据    $this->product_img_db->delete(array('product_id'=>$id));    exit("1");}

更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP图形与图片操作技巧汇总》、《php文件操作总结》、《PHP数组(Array)操作技巧大全》、《PHP基本语法入门教程》、《PHP运算与运算符用法总结》、《php面向对象程序设计入门教程》、《PHP网络编程技巧总结》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

• PHP Yaf框架的简单安装使用教程(推荐)
• PHP扩展框架之Yaf框架的安装与使用
• yii，CI，yaf框架+smarty模板使用方法
• jQuery.Uploadify插件实现带进度条的批量上传功能
• BootStrap中Datetimepicker和uploadify插件应用实例小结
• firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
• jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
• 基于yaf框架和uploadify插件，做的一个导入excel文件，查看并保存数据的功能