Posts

Showing posts with the label Angularjs Fileupload

AngularJS: How To Implement A Simple File Upload With Multipart Form?

Answer : A real working solution with no other dependencies than angularjs (tested with v.1.0.6) html <input type="file" name="file" onchange="angular.element(this).scope().uploadFile(this.files)"/> Angularjs (1.0.6) not support ng-model on "input-file" tags so you have to do it in a "native-way" that pass the all (eventually) selected files from the user. controller $scope.uploadFile = function(files) { var fd = new FormData(); //Take the first selected file fd.append("file", files[0]); $http.post(uploadUrl, fd, { withCredentials: true, headers: {'Content-Type': undefined }, transformRequest: angular.identity }).success( ...all right!... ).error( ..damn!... ); }; The cool part is the undefined content-type and the transformRequest: angular.identity that give at the $http the ability to choose the right "content-type" and manage the bounda...