test

client/index.html

@@ -66,7 +66,7 @@
     
     <!-- Include JQuery -->
     <script src="./vendors/jquery/jquery-2.2.0.min.js"></script>
-
+	
     <!-- Include Bootstrap -->
     <script src="./vendors/bootstrap/js/bootstrap.min.js"></script>
     

client/js/controllers/image/image.js

@@ -3,7 +3,7 @@
  * 
  * @param {$scope} $scope The $scope service from angular
  */
-mainApp.controller('imageCtrl', ['$scope', 'Image', 'Loading', function ($scope, Image, Loading)
+mainApp.controller('imageCtrl', ['$scope', 'Image', 'Loading',function ($scope, Image, Loading)
 {
 	var callbackTest=function(){
 		$scope.images=Image.getData().images;
@@ -17,5 +17,9 @@ mainApp.controller('imageCtrl', ['$scope', 'Image', 'Loading', function ($scope,
 	else{
 		callbackTest();
 	}
+
+	$scope.doUpload = function () {
+		Image.uploadImage($scope.myFile,function(){});
+	};
 	
 }]);

client/js/services/Image.js

@@ -44,6 +44,23 @@ mainApp.factory('Image',[ '$http', 'Identity', function($http, Identity){
 		
 	};
 
+	var uploadImage=function(fileToUpload, callback) {
+
+
+		var result=$http.post('../server/index.php',
+							  $.param({"token" : Identity.getToken(), "task" : "image", 'action':'uploadImage', 'filename':fileToUpload, 'id':'6564'}));  
+
+		// Wait and handle the response
+        result.then(function (response){
+			callback(parseUploadImageAnswer(response, false));
+        },function(response){
+			callback(parseUploadImageAnswer(response, true));
+        });
+
+
+		  
+	}
+
 
 	var getData=function(response){
 		return data;
@@ -52,7 +69,8 @@ mainApp.factory('Image',[ '$http', 'Identity', function($http, Identity){
 	// Return services objects
 	return {
 		getImages:getImages,
-		getData:getData
+		getData:getData,
+		uploadImage:uploadImage
 	};
 
 	

client/partials/image/image.html

@@ -6,5 +6,12 @@
         <div ng-repeat="image in images">
 			{{image.name}}
 		</div>
+		<br />
+
+		<input name="myFile" type="file" />
+		<br />
+		<button type="button" ng-click="doUpload()" class="btn btn-primary">Upload</button>
+
+
     </div>
 </div>