首先前端部分需要设置好控件,这里使用HTML5 中 input 的新增属性 multiple 可以很好的解决了以往上传多个需要点击多次"上传按钮"的麻烦:
1 <form action="" method="post" enctype="multipart/form-data"> 2 3 <input type="file" id="upload_imgs" name="upload_imgs[]" multiple="multiple"> 4 5 <input type="submit" value="提交上传"> 6 </form>
如果需要在 选中文件后,提交前 告之用户选中的文件个数 可以使用files.length属性,比如:
document.upload_imgs.files.length 即可获取上述表单中的选中文件个数。
接下来是PHP中的处理:
1 <?php 2 3 header("content-type:text/html; charset=utf8"); 4 5 if(!empty($_FILES)){ 6 //print_r($_FILES['upload_imgs']);exit; 7 8 function upload_files($name){ 9 $files = $_FILES[$name]; 10 11 $k1 = $k2 = array(); 12 foreach($files as $key => $val){ 13 if($key == 'tmp_name'){ 14 $k1 = $val; 15 } 16 if($key == 'name'){ 17 $k2 = $val; 18 } 19 } 20 21 //$filenames 保存移动后的文件名 22 $filenames = array(); 23 foreach($k1 as $key => $val){ 24 //$rename 获取原始文件名 (不包括后缀名) 25 $rename = substr($k2[$key],0,strpos($k2[$key],'.')); 26 27 //$suffix 文件后缀名 28 $suffix = substr($k2[$key],strpos($k2[$key],'.')); 29 30 //echo md5($rename) . $suffix;exit; 31 $time = time(); 32 //如果不存在upload文件夹则创建upload文件夹 33 if(!is_dir('./upload')){ 34 mkdir('./upload'); 35 } 36 if(!is_dir('./upload/' . date("Y") . "-" . date("m") . "-" . date("d"))){ 37 mkdir('./upload/' . date("Y") . "-" . date("m") . "-" . date("d")); 38 } 39 move_uploaded_file($val,'./upload/' . date("Y") . "-" . date("m") . "-" . date("d") . '/' . md5($rename . $time) . $suffix); 40 41 $filenames[] = 'upload/' . date("Y") . "-" . date("m") . "-" . date("d") . '/' . md5($rename . $time) . $suffix; 42 } 43 44 print_r($filenames);exit; 45 // 数组形式返回所上传的文件路径 46 return $filenames; 47 } 48 49 50 upload_files('upload_imgs'); 51 52 53 }
PHP文件执行 upload_files() 函数后即可获得上传后的文件路径。
这样批量上传就做好了。
欢迎各种方式转载,但请务必注明出处。