php+jquery+h5多图上传

html代码： <input type="file" name="imgfile" id="imgfile"  multiple="multiple">

js代码：自行引入jquery文件

$("#imgfile").change(function(){
                    var data = new FormData();
                    $.each($('#imgfile')[0].files, function(i, file) {
                        data.append('upload_file'+i, file);
                    });
                    $.ajax({
                        url:'action/up.php',
                        type:'POST', 
                        data:data,
                        cache: false,
                        contentType: false,
                        processData: false,
                        success:function(data){

                         console.log(data);
                        },
                        error:function(){
                            alert('上传出错');
                        }
                    });
                });

php代码：$dir_base ='upload.temp/'.date(Ym).'/';//配置你的上传目录
    $index = 0;    
    foreach($_FILES as $file){
        $upload_file_name = 'upload_file' . $index;
        $filename = $_FILES[$upload_file_name]['name'];
        $fileExt=strtolower(trim(array_pop(explode('.',$filename))));
        $filename=createFilename().'.'.$fileExt;
        if(!file_exists($dir_base.$filename)) {
            $isMoved = false;
            $rEFileTypes = '/^\.(jpg|jpeg|gif|png){1}$/i'; 
            if (preg_match($rEFileTypes, strrchr($filename, '.'))) {
                $isMoved =move_uploaded_file ( $_FILES[$upload_file_name]['tmp_name'], $dir_base.$filename);
            }
        }else{
            $isMoved = true;
        }
        if($isMoved){
            $output = $dir_base.$filename;
        }else {
            $output= "";
        }
        $index++;
    }
    echo $output;