Jquery插件(uploadify插件实现多文件上传）

前台HTML代码：

<div class="control-group" id="title-control-group"><label class="control-label"><?=_('关于图片(*)')?></label><div class="controls">                                 <div><input id="about_file_upload" name="about_file_upload" type="file" /> <input type="button" value="确定上传" onclick="javascript:$('#about_file_upload').uploadify('upload','*');">&nbsp;&nbsp; ||&nbsp;&nbsp;<a href="javascript:ClearUpload('about');"><?=_('清除上传列表')?></a></div> <p style="color:red;"><?php     $msg=_('请按以下语言版本上传:');    for($n=0;$n<count($lang);$n++)    {        $t.=$lang[$n]['lang'].',';    }    $t=substr($t,0,strlen($t)-1);    echo $msg.$t;     ?></p> <span id="about_FileNames"></span> <input type="hidden" name="about_images" id="about_images"/> <input type="hidden" name="temp_about_images" id="temp_about_images"/></div></div></div><script src="/theme/<?=T_D?>/assets/uploadify/jquery.uploadify.min.js" type="text/javascript" ></script><link href="/theme/<?=T_D?>/assets/uploadify/uploadify.css" rel="stylesheet" type="text/css" />

前台JS:

$("#about_file_upload").uploadify({    'swf': '/theme/<?=T_D?>/assets/uploadify/uploadify.swf',//所需要的flash文件    'cancelImg': 'cancel.png',//单个取消上传的图片    'auto'    : false,     'uploader': '/management/common/uploadify',//实现上传的程序     'folder': 'uploads/pic',//服务端的上传目录    'multi': true,//是否多文件上传的     'displayData': 'speed',//进度条的显示方式     'fileTypeExts': '*.jpg;*.jpeg;*.gif;*.png',//可上传的文件类型     'fileSizeLimit': '2MB',//限制文件大小     'simUploadLimit' :3, //并发上传数据     'queueSizeLimit' :<?php echo count($lang);?>, //可上传的文件个数     'buttonText' :'<?=_('文件上传')?>',//通过文字替换钮扣上的文字     'buttonImg': 'css/images/browseBtn.png',//替换上传钮扣     'width': 80,//buttonImg的大小     'height': 24,//      'formData':{'source':'doctor'},     onSWFReady:function(){         $("#doctors_FileNames").html('');        $("#temp_doctor_images").val('');     },     onUploadSuccess: function (file, data, response) {        var msg=$("#about_FileNames").html();        var image_data=$("#temp_about_images").val();        msg+=data+","+"<br/>";        image_data+=data+",";        $("#about_FileNames").html(msg);        $("#temp_about_images").val(image_data); },     onQueueComplete:function()    {        var msg=$("#about_FileNames").html();        var image_data=$("#temp_about_images").val();        $("#about_images").val(image_data);    }   });  }); //清除上传 function ClearUpload(source) {     if(source=='doctor')     {         $('#doctor_file_upload').uploadify('cancel','*');         $("#doctors_FileNames").html('');         $("#doctor_images").val('');         $("#temp_doctor_images").val('');    }    else if(source=='about')    {         $('#about_file_upload').uploadify('cancel','*');         $("#about_FileNames").html('');          $("#about_images").val('');         $("#temp_about_images").val('');    } }

后端PHP代码：

//文件上传    function uploadify()    {        $sub=$this->input->post();        if(!empty($_FILES))        {            $source=$sub['source'];            $year=date("Y",time());            $month=date("n",time());            $day=date("j",time());            $ext=end(explode('.', $_FILES["Filedata"]["name"]));                        $_dir = "./uploads/$source/$year/$month/$day/";            if (!is_dir($his_dir)) {                $this->commfunctions->mkpath($_dir);            }             move_uploaded_file($_FILES["Filedata"]["tmp_name"],$_dir.md5(time()).'_'.md5($_FILES["Filedata"]["name"]).'.'.$ext);             echo "/uploads/$source/$year/$month/$day/".md5(time()).'_'.md5($_FILES["Filedata"]["name"]).'.'.$ext;        }    }