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;