1. 程式人生 > >php+jquery+h5多圖上傳

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;