images

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 => {
+			
 		});
 	}