1、HTML
<!-- 调用PHP 的一个方法-->
<iframe frameborder="0" height="90px" width="560px"
src="<?=base_url();?>common/show_mul_img" name="imgiframe" id="imgiframe" ></iframe>
<p class='case_list'>
<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('upload');
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 = 'userfile'){
$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 = '_psuedo_' . $field . '_' . $i;
$_FILES[$pseudo_field_name] = array('name' => $_FILES[$field]['name'][$i],
'size' => $_FILES[$field]['size'][$i],
'type' => $_FILES[$field]['type'][$i],
'tmp_name' => $_FILES[$field]['tmp_name'][$i],
'error' => $_FILES[$field]['error'][$i]
);
if ($CI->upload->do_upload($pseudo_field_name)) { //默认名是:userfile
$data = $CI->upload->data();
$in_data=array();
$in_data["name"]= $data['file_name'];//文件名
$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('enctype'=>"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='li'><img alt='<?=$img_lst[$i]['name']?>' width='120px' height='60px' src='<?=base_url()?>/import/<?=$img_lst[$i]['path']?>/<?=$img_lst[$i]['name']?>'/></li>"
+"<li class='t'>"
+"<input type='hidden' name='name[]' value='<?=$img_lst[$i]['name']?>'/>"
+"<input type='hidden' name='path[]' value='<?=$img_lst[$i]['path']?>'/>"
+"<input type='radio' name='mrz[]' value='<?=$img_lst[$i]['name']?>'/>默认首图"
+"</ul></li>"
<?}?>
//h_t=h_t+"";
$obj=$("#show_img",window.parent.document);
$obj.html($obj.html()+h_t);
<?php }?>
</script>
</body>
</html>2. [图片] google.png
3. [图片] IE.png
以上就是Codeigniter PHP 多图片上传 的内容，更多相关内容请关注PHP中文网（www.php.cn）！
