multiple-images

pavlosb · Apr 19, 2024 · 9ceadfa · 9ceadfa
1 parent 6a7175d
commit 9ceadfa
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 24 deletions.
diff --git a/application/controllers/Inspection.php b/application/controllers/Inspection.php
@@ -922,21 +922,32 @@ public function photoupload(){
 
 
  public function imgupload(){
-	/* Get the name of the uploaded file */
-   $filename = str_replace(' ', '_', $_FILES['file']['name']);
-   
-   /* Choose where to save the uploaded file */
-   $location = "upload/".$filename;
-   
-   /* Save the uploaded file to the local filesystem */
-   if ( move_uploaded_file($_FILES['file']['tmp_name'], $location) ) { 
-	   $url = 'https://' . $_SERVER['HTTP_HOST'] .'/upload/' . $filename;
-   } 
-   $response['url'] = $url;
-   
-		 echo json_encode($response);
-		 exit;
+
+	for($i=0;$i < count($_FILES['file']);$i++)  
+	  {  
+	 /* Get the name of the uploaded file */
+	$filename = str_replace(' ', '_', $_FILES['file']['name'][$i]);
+	
+	/* Choose where to save the uploaded file */
+	$location = "upload/".$filename;
+
+	/* Save the uploaded file to the local filesystem */
+	if ( move_uploaded_file($_FILES['file']['tmp_name'][$i], $location) ) { 
+		$url[] = 'https://' . $_SERVER['HTTP_HOST'] .'/upload/' . $filename;
+	} 
+	//$fns[] = $filename;
 	}
+	//$response['url'] = $url;
+	$files = $url;
+	//$howmany = count($_FILES["fileInput"]['name']);
+	$response['files'] = $files;
+
+
+	echo json_encode($response);
+	exit; 
+	} 
+
+
  public function dynimg($id) {
 	$pointscore = $this->itindata_model->get_scoreforoutside($id);
 

diff --git a/application/views/inspectionform.php b/application/views/inspectionform.php
@@ -104,9 +104,9 @@
 	</div></div><div id="my_camera" class="col-md-9"></div>
 </div>
 <div class="row pb-5">
-<div class = "col-md-12"><h5>Ανεβάστε μια φωτογραφία</h5></div>
-	<div class = "col-md-9"><input id="fileupload" type="file" class="custom-file-input" name="fileupload" />
-	<label class="custom-file-label" for="customFile">Επιλογή αρχείου</label></div>
+<div class = "col-md-12"><h5>Ανεβάστε φωτογραφίες</h5></div>
+	<div class = "col-md-9"><input id="fileupload" type="file"  name="fileupload[]" accept="image/png, image/jpeg" multiple/>
+	<!--<label class="custom-file-label" for="customFile">Επιλογή αρχείου</label> --></div>
 	<div class = "col-md-3">
 <button  type="button" class="btn btn-info btn-block" id="upload-button" onclick="uploadFile()"> Αποθήκευση </button></div>
 </div>
@@ -311,8 +311,18 @@ function trashSnap() {
 	 function uploadFile() {
 	i = i+1;
   let formData = new FormData(); 
+	const fileInput = document.getElementById("fileupload");
+	const selectedFiles = fileInput.files;
+
 	//if(fileupload.files[0].length > 0) {
-  formData.append("file", fileupload.files[0]);
+	for (let j = 0; j < selectedFiles.length; j++) {
+
+    formData.append("file[]", selectedFiles[j])
+
+		}
+
+  //formData.append("file", fileupload[].files);
+
 
 	$.ajax({
                     url:'/inspection/imgupload',
@@ -322,25 +332,30 @@ function uploadFile() {
                     contentType: false,
                     processData: false,
                     success:function(response){
+
+                      response.files.forEach(function(url) {
+
 
-// alert(response.url);
- document.getElementById('results').innerHTML +=
-			         '<div id="imgbox-'+i+'" class="col-md-3"><img id="imageprev-'+i+'" class="img-fluid" src="'+response.url+'"/></div>';
+document.getElementById('results').innerHTML +=
+			         '<div id="imgbox-'+i+'" class="col-md-3"><img id="imageprev-'+i+'" class="img-fluid" src="'+url+'"/></div>';
  var input = document.createElement("input");
 
 
 input.setAttribute("type", "hidden");
 
 input.setAttribute("name", "inspimg["+i+"]");
 
-input.setAttribute("value", response.url);
+input.setAttribute("value", url);
 
 //append to form element that you want .
-document.getElementById("imagefields").appendChild(input);
-										}
+document.getElementById("imagefields").appendChild(input); 
+i=i+1;
+									});
+								}
 });
 
 
+
   }
 </script>
 <script>