Codeigniter PHP 多图片上传

PHP中文网

Lepaskan： 2016-05-25 17:10:08

asal

1134 orang telah melayarinya

1、HTML
<!-- 调用PHP 的一个方法-->
<iframe   frameborder="0" height="90px" width="560px" 
src="<?=base_url();?>common/show_mul_img" name="imgiframe" id="imgiframe" ></iframe>   

<p class=&#39;case_list&#39;>
    <p id="show_img"></p><!--图片就在这个p里面显示-->
</p>

  2、CSS
  
/**多图片显示区**/
.case_list{margin:15px 20px;_margin:15px;}
 .case_list ul{background:#fff;width:190px;height:170px;float:left;padding:10px;margin:12px;border:1px solid #dddddd;}
.case_list li {color:#f55205;font-size:12px;font-weight:bold;}
.case_list li.t{background: url(../images/t.jpg) left center no-repeat;padding:5px;padding-left:10px;}
.case_list li a{color:#f55205;line-height:16px;}
.case_list .li img{width:190px;height:135px;}
  
 3、common.php 控制类
    // 跳转到上传页面
    public function show_mul_img(){
         $datas["imgName"]="";
         $this->_img_mul_view($datas);
    }
    function _img_mul_view($datas=array()){
         $this->load->view("comm_page/mul_upImg",$datas);
    }
    //多图片上传,保存操作 
    public function do_mulupImg(){
        $datas["img_lst"]=$this->mytool->update_mul_obj(mymsg::DIR_MULIMG);
        $this->_img_mul_view($datas); 
    }
   
  4、mytool.php工具类
    //2012-9-6,多图片上传时触发
    function update_mul_obj($filename,$name="userfile"){
        $CI = &get_instance();
        $CI->load->library(&#39;upload&#39;);
        return $CI->upload->do_mul_upload($filename,$name);
    }
    # 在这里扩展了CI自带的upload方法,做了一个多图片上传工能

   5、MY_upload.php 扩展实现 upload类
class MY_Upload extends CI_Upload{
    public function __construct(){
        parent::__construct();
    }
    function do_mul_upload($filename,$field = &#39;userfile&#39;){
        $CI = &get_instance();
        $count=count($_FILES["$field"]["name"]);//页面取的默认名称
        $this->upload_path= $CI->mytool->get_obj_path($filename);//保存的路径
        $this->set_allowed_types("gif|jpg|png");//支持的图片格式
        $bh = $CI->session->userdata("bh");//登录的当前用户
        $file_arr=array();
        for($i=0;$i<$count;$i++){
                // Give it a name not likely to already exist!
                $pseudo_field_name = &#39;_psuedo_&#39; . $field . &#39;_&#39; . $i;
                $_FILES[$pseudo_field_name] =   array(&#39;name&#39; => $_FILES[$field][&#39;name&#39;][$i],
                                                      &#39;size&#39; => $_FILES[$field][&#39;size&#39;][$i], 
                                                      &#39;type&#39; => $_FILES[$field][&#39;type&#39;][$i],
                                                      &#39;tmp_name&#39; => $_FILES[$field][&#39;tmp_name&#39;][$i], 
                                                      &#39;error&#39; => $_FILES[$field][&#39;error&#39;][$i]
                                                );
              if ($CI->upload->do_upload($pseudo_field_name)) { //默认名是:userfile
                    $data = $CI->upload->data();
                    $in_data=array();
                    $in_data["name"]= $data[&#39;file_name&#39;];//文件名
                    $in_data["path"]="$filename/$bh";//保存的路径
                    $file_arr[]=$in_data;          
                }

        }
      return$file_arr;
    }
}

6、上传页面 mul_upImg.php
<!DOCTYPE html>
<html>
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<script type="text/javascript" src="<?=base_url()?>js/jquery.js?1.1.6" ></script>
</head>    
<body>
<?=form_open("common/do_mulupImg",array(&#39;enctype&#39;=>"multipart/form-data"))?> 
<table>
    <tr>
        <td><input type="file" name="userfile[]" id="userfile" onchange="this.form.submit();" multiple="multiple"  /></td>
<!--multiple:IE娘的不支持,支持此属性的可以多图片上传-->
        <td></td>
    </tr>
</table> 
</form>
    
<script type="text/javascript">
         <?php if(!empty($img_lst)){?> 
            var h_t="";
        
           <?php  for($i=0;$i<count($img_lst);$i++){?>
             h_t=h_t+"<ul><li class=&#39;li&#39;><img alt=&#39;<?=$img_lst[$i][&#39;name&#39;]?>&#39;  width=&#39;120px&#39; height=&#39;60px&#39; src=&#39;<?=base_url()?>/import/<?=$img_lst[$i][&#39;path&#39;]?>/<?=$img_lst[$i][&#39;name&#39;]?>&#39;/></li>"
                    +"<li class=&#39;t&#39;>"
                        +"<input type=&#39;hidden&#39; name=&#39;name[]&#39; value=&#39;<?=$img_lst[$i][&#39;name&#39;]?>&#39;/>"
                        +"<input type=&#39;hidden&#39; name=&#39;path[]&#39; value=&#39;<?=$img_lst[$i][&#39;path&#39;]?>&#39;/>"
                        +"<input type=&#39;radio&#39; name=&#39;mrz[]&#39; value=&#39;<?=$img_lst[$i][&#39;name&#39;]?>&#39;/>默认首图"
                    +"</ul></li>"
           <?}?>
            //h_t=h_t+"";
            $obj=$("#show_img",window.parent.document);
            $obj.html($obj.html()+h_t);
         <?php }?> 
</script>
</body>
</html>

Salin selepas log masuk

2. [图片] google.png