PHP如何实现多图上传
创始人
2024-12-09 10:41:29
0次

具体如下:

PHP如何实现多图上传

PHP如何实现多图上传

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


  
    " name="product_img[]">
    " target="_blank">">
    
    ')">删除   
     add-button.jpg" width="100" height="100" />   
    

点评:点击的时候,调用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=' ';
  iframe_str=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




  
                          
           最多上传个附件,单文件最大,类型

                               
               
          列表           
              
                     
               
               保存                   取消       
    
       
uploadify/jquery.min.js" type="text/javascript">         uploadify/uploadify-move.js" type="text/javascript">  function Close(){   $("iframe.uploadframe", window.parent.document).remove(); } $("#CancelBtn").click(function(){   $("iframe.uploadframe", window.parent.document).remove();   //$('#uploadify').uploadifyClearQueue();   //$(".fileWarp ul li").remove(); }); $(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 SetImgContent(data){     var obj=eval('('+data+')');   if(obj.state == 'SUCCESS'){     var sLi = "";     sLi += '';     sLi += 'uploadify/nopic.png\'">';     sLi += '';     sLi += '删除';     sLi += '';     return sLi;   }else{     //window.parent.message(obj.text,8,2);     alert(obj.msg);     return;   } } function SetUploadFile(){   $("ul li").each(function(l_i){     $(this).attr("id", "li_" + l_i);   })   $("ul li a").each(function(a_i){     $(this).attr("rel", "li_" + a_i);   }).click(function(){     $.get(       '?m=admin&c=upload&a=delupload&pc_hash=',{action:"del", filename:$(this).prev().val()},function(){}     );     $("#" + this.rel).remove();   }) } /*点击保存按钮时  *判断允许上传数,检测是单一文件上传还是组文件上传  *如果是单一文件,上传结束后将地址存入$input元素  *如果是组文件上传,则创建input样式,添加到$input后面  *隐藏父框架,清空列队,移除已上传文件样式*/ $("#SaveBtn").click(function(){    var callback = "";   var num = "";   var fileurl_tmp = [];   if(callback != "undefined"){       if(num > 1){          $("input[name^='fileurl_tmp']").each(function(index,dom){         fileurl_tmp[index] = dom.value;        });       }else{       fileurl_tmp = $("input[name^='fileurl_tmp']").val();       }     eval('window.parent.'+callback+'(fileurl_tmp)');     $(window.parent.document).find("iframe.uploadframe").remove();     return;   }             if(num > 1){       var fileurl_tmp = "";       $("input[name^='fileurl_tmp']").each(function(){         fileurl_tmp += '删除';        });            $(window.parent.document).find("#{$info.input}").append(fileurl_tmp);   }else{       $(window.parent.document).find("#{$info.input}").val($("input[name^='fileurl_tmp']").val());   }   $(window.parent.document).find("iframe.uploadframe").remove(); });

点评:调用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");
}

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...