What I am trying to achieve: I want to download a file from a file path on a server.

This is what is working I can see in swagger the download link API response. The download link works perfectly.

At Javascript code client-side in

This is my AngularJS JavaScipt code

fileDownload() {
    var deferredObj = $q.defer();

    psu = $resource("/download-file", {}, {
                 query: {
       method: 'GET',
       isArray: false,
       timeout: 30000,
       cancellable: true,
       responseType: 'arraybuffer',
       transformResponse: function(data,headers){
         response={},
         response.data=data;
         response.headers=headers();
         return response;
       }
     }
    }).query();
    psu.$promise.then(function(result) {
            deferredObj.resolve(result); details.
        },
        function(errorMsg) {
            console.log("Error in downloading file detail", errorMsg);
            deferredObj.reject(errorMsg);
        });
    return deferredObj.promise;
}

I am getting everything in the response, i.e. data and header.

How to save the downloaded file using JavaScript code?