Click here to Skip to main content
15,897,371 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
i wrote a web api where it accepts a file as a byte array and then stores the file in the form of a byte array in the database.
so i want to select a file from UI and then convert that into a byte array and send it to the backend,how can i convert file into byte array in angular js.

What I have tried:

JavaScript
var myApp = angular.module('myApp', []);

        myApp.directive('fileModel', ['$parse', function ($parse) {
            alert(2);
            return {
                restrict: 'A',
                link: function (scope, element, attrs) {
                    var model = $parse(attrs.fileModel);
                    var modelSetter = model.assign;

                    element.bind('change', function () {
                        scope.$apply(function () {
                            modelSetter(scope, element[0].files[0]);
                        });
                    });
                }
            };
        }]);

        myApp.service('fileUpload', ['$http', function ($http) {
            alert(3);
            this.uploadFileToUrl = function (file, uploadUrl) {
                var fd = new FormData();
                fd.append('file', file);

                $http.post(uploadUrl, fd, {
                    transformRequest: angular.identity,
                    headers: { 'Content-Type': undefined }
                })

                .success(function () {
                })

                .error(function () {
                });
            }
        }]);

        myApp.controller('myCtrl', ['$scope', 'fileUpload', function ($scope, fileUpload) {
            $scope.uploadFile = function () {
                alert(1);
                var file = $scope.myFile;

                console.log('file is ');
                console.dir(file);

                var uploadUrl = "/api/uploadDoc/";
                fileUpload.uploadFileToUrl(file, uploadUrl);
            };
        }]);
Posted
Updated 21-Jun-16 0:23am
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900