images

imageUpload.php

@@ -0,0 +1,52 @@
+<?php
+
+$user = "ckoch";
+$target_dir = "community/uploads/" . $user . "/";
+$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
+$uploadOk = 1;
+$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
+
+// Check if image file is a actual image or fake image
+//if(isset($_POST["submit"])) {
+    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
+    if($check !== false) {
+        //echo "File is an image - " . $check["mime"] . ".";
+        $uploadOk = 1;
+    } else {
+        //echo "File is not an image.";
+        $uploadOk = 0;
+    }
+//}
+// Check if file already exists
+if (file_exists($target_file)) {
+    //echo "Sorry, file already exists.";
+    $uploadOk = 0;
+}
+// Check file size
+if ($_FILES["fileToUpload"]["size"] > 5000000) {
+    //echo "Sorry, your file is too large.";
+    $uploadOk = 0;
+}
+// Allow certain file formats
+//echo("|" . $imageFileType . "|<br />");
+if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
+&& $imageFileType != "gif" ) {
+    //echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
+    $uploadOk = 0;
+}
+// Check if $uploadOk is set to 0 by an error
+if ($uploadOk == 0) {
+    echo( 0 );
+    //echo "Sorry, your file was not uploaded.";
+    // if everything is ok, try to upload file
+} else {
+    //echo( $target_file );
+    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
+        //echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
+        echo( 1 );
+    } else {
+        //echo "Sorry, there was an error uploading your file.";
+        echo( 0 );
+    }
+}
+?>

phpcheck.php

@@ -0,0 +1,3 @@
+<?php
+phpinfo();
+?>

src/app/games.service.ts

@@ -8,6 +8,11 @@ const httpOptions = {
 	//headers: new HttpHeaders({ 'Content-Type': 'application/json' })
 }
 
+const httpOptionsImage = {
+	headers: new HttpHeaders({ 'Content-Type': 'multipart/form-data; charset=UTF-8' })
+	//headers: new HttpHeaders({ 'Content-Type': 'application/json' })
+}
+
 const httpOptionsPut = {
 	headers: new HttpHeaders({ 'Content-Type': 'application/json' })
 }
@@ -75,15 +80,19 @@ export class GamesService {
 			});
 	}
 
-	postFile(fileToUpload: File): Observable<boolean> {
-		const endpoint = 'your-destination-url';
+	postFile(fileToUpload: File): Observable<any> {
+		//const endpoint = 'http://192.241.155.78/ludosdata/imageUpload.php';
+		const endpoint = 'http://localhost/ludosdata/imageUpload.php';
 		const formData: FormData = new FormData();
 		
-		formData.append('fileKey', fileToUpload, fileToUpload.name);
-			return this.httpClient
-				.post(endpoint, formData, { headers: yourHeadersConfig })
-				.map(() => { return true; })
-				.catch((e) => this.handleError(e));
+		formData.append('fileToUpload', fileToUpload, fileToUpload.name);
+
+			return this.http.post(endpoint, formData)
+				.map(res => {
+					return(
+						res
+					);
+				});
 	}
 
 

src/app/view-card/view-card.component.html

@@ -101,7 +101,7 @@
 							[type]="'text'"
 							[name]="'Art'">
 
-						<input type="file" id="file" (change)="handleFileInput($event.target.files)">
+						<input type="file" [name]="'fileToUpload'" (change)="handleFileInput($event)">
 
 					</div>
 				</div>

src/app/view-card/view-card.component.ts

@@ -86,15 +86,15 @@ export class ViewCardComponent implements OnInit {
 		}
 	}
 
-	handleFileInput(files: FileList) {
-    	this.fileToUpload = files.item(0);
+	handleFileInput( $event ) {
+
+    	this.fileToUpload = $event.target.files[0];
+    	this.uploadFileToActivity();
 	}
 
 	uploadFileToActivity() {
-		this.gamesService.postFile(this.fileToUpload).subscribe(data => {
-			// do something, if upload success
-		}, error => {
-			console.log(error);
+		this.gamesService.postFile( this.fileToUpload ).subscribe(data => {
+			
 		});
 	}