File upload with form data api

var fd = new FormData(),
    image = <data_to_post>;

fd.append('file', image);//upload file urlData
var xhr = new XMLHttpRequest();

//register upload progress event listener
xhr.upload.addEventListener("progress", function (event) {
    //uploadProgress(event, fileIndex);
}, false);

xhr.addEventListener("load", function (event) {
    //uploadComplete(event, fileIndex);
}, false);

xhr.addEventListener("error", function (event) {
    //uploadError(event, fileIndex);
}, false);

xhr.addEventListener("abort", function (event) {
    //uploadAbort(event, fileIndex);
}, false);

xhr.onload = function (event) {
    if (this.status == 200) {
        //image successfully uploaded - populate object with received data
        var apiResponse = JSON.parse(this.responseText);
        $scope.$apply(function () {
            // read backend response from apiResponse
        });
    } else {
        //some error occurred
        apiResponse = JSON.parse(this.responseText);
        if (apiResponse.callStatus.status === 'failure') {
            $scope.$apply(function () {
                // read backend response from apiResponse
            });
        }
    }
};

//send file to server
xhr.open("POST", '/uploadImage');
xhr.send(fd);