angularjs 이미지 업로드하기

엄청난 삽질 후 기록해놓기....

html에 추가하고...

<input type="file" name="file" multiple onchange="angular.element(this).scope().uploadedFile(this)" 

controller에 추가한다...

$scope.uploadedFile = function(element) {
  $scope.$apply(function($scope) {
    $scope.files = element.files;
  });
};

$scope.addFile = function() {
    var fd = new FormData();

    // 이미지 추가해주기... 
// 이미지 파일 이름이란 json객체로 보낼때 {이미지파일이름, file} 이거임..
    angular.forEach($scope.files, function (file) {
      fd.append('이미지파일 이름', file);
    });

    // 데이터도 보낼때 추가해준다..
// 데이터 안보내면 추가해줄 필요없고...
// '데이터이름', 데이터값
    fd.append("데이터 이름",데이터 값);

// url을 써준다... http://~~~~~ 이런값...
    $http.post('url', fd, {
        withCredentials: false,
        headers: {
          'Content-Type': undefined
        },
        transformRequest: angular.identity
      })
      .success(function (data) {
        console.log(data);
      })
      .error(function (data) {
        console.log(data);
      });
};

factory나 service로만들 수 있지만 각 페이지마다 추가로 보내줄 데이터가 너무많이 달라서 그냥 때려박았다.....