AngularJs File Upload without FormData

Question

I've made a simple drag and drop directive for file uploading, but my main concern is that i need to have IE8/9 support, so taking in account that FormData is not supported, how can i do a multiple file upload without using the FormData object?

Thanks in advance.

EDIT: What i'm trying do do is this:

$scope.uploadFile = function () {
      var upload = $http.post('awesomeFileThatWantsMultipleFilesUploaded.php',
                 angular.element(document.getElementsByClassName('droppable')).scope().files,
                 {withCredentials: true,
                  headers: {'Content-Type': undefined },
                  transformRequest: angular.identity})
           .success(function (response) {
               });

      return upload;
   }

But the problem is that when the browser doesn't have support for FormData, i initialize the files variable as array, and then i push each file to the variable. If the file is FormData, this works.

Answer 1

Don't make this by hand. Is rather messy and you will always have problems. You can use a polyfill for formdata, like moxie, for angular I use angular-file-upload there is even a way to upload to S3 from the browser (here)

If you want to do it by hand, check the code in those repositories and find some ideas