之前做項目的時候在實現表單中file類型input選擇多圖片時有很多種實現方法,今天小編給大家分享基於php實現一種多檔案上傳的方法,需要的朋友參考下吧
之前在實現表單中file類型input選擇多圖片的時候找到一種方式 也許不是最好的但親測可行且支援ie7以上以及chrome瀏覽器
在表單中使用正常多檔案選擇multiple屬性
<input type="file" id="image" class="file image hidden" name="image[]" multiple="true">
然後使用AjaxFileUpload或其他方式提交
將對應命名的file檔案 $file[‘image'] 轉化為 json列印
正常格式
{"name":"7332.png","type":"image\/png","tmp_name":"\/tmp\/phplqppvR","error":0,"size":659}
但是此時結果為
{"name":["7656.png","7718.png"],"type":["image/png","image/png"],"tmp_name":["/tmp/phpDzSovj","/tmp/phpP8kWmT"],"error":[0,0],"size":[357,662]}
所有的屬性都變為數組 按序排列
這時候可以使用以下代碼實現圖片儲存
if (!isset($_FILES[$field])) { return new JsonResponse(array('errorCode'=>1, 'message'=>'請上傳檔案'));}//重新命名$_FILE 儲存多個檔案上傳$arrayFile = array();foreach($_FILES[$field] as $key => $value){ $i = 0; if(is_array($value)) { foreach ($value as $v) { $i++; //重新命名後重新放入超全域變數_FILE 保證鍵名唯一 也可直接上傳 $name = $field . '_split_' . $i; $_FILES[$name][$key] = $v; } }}//是否上傳多檔案if($i > 0){ for($j = 1; $j <= $i; $j++){ array_push($arrayFile, $field . '_split_' . $j); } }else{ array_push($arrayFile, $field); } //遍曆file多個檔案 上傳 foreach($arrayFile as $file){ if (isset($_FILES[$file]) && $_FILES[$file]['name']) { //自訂上傳方法 具體內容略 $data = $this->uploadFile($file, $path, uniqid()); if ( isset($data) && !empty($data) ) { if(!isset($data['errors'])){ //將上傳結果儲存於$result中 多圖片地址使用逗號拼接 if(isset($result)){ $result = array('errorCode'=>0, 'message'=>$result['message'] . ',' . reset($data)); }else{ $result = array('errorCode'=>0, 'message'=>reset($data)); } }else{ //以下為返回錯誤資訊 if(is_array(reset($data))){ $message = reset($data)[0]; }else{ $message = reset($data); } $result = array('errorCode' => 1, 'message' => $message); } } else { $result = array('errorCode'=>1, 'message'=>'上傳失敗'); break; } } else { $result = array('errorCode'=>1, 'message'=>'請上傳檔案'); break; }}//返回上傳結果return $result;
總結