Use either this or useragent for this task.

if (navigator.appVersion.toString().indexOf('.NET') > 0)
        window.navigator.msSaveBlob(blob, filename);
else
{
 var blob = new Blob(['content'], { type: 'text/csv;charset=utf-8' });
 var link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
 link.href = URL.createObjectURL(blob);
 link.download = 'data.csv';
 link.click();
}

Internet Explorer does not support opening blobs directly. You must utilize msSaveOrOpenBlob instead. Another option is to use msSaveBlob

if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(blob, fileName);
} else {
    var objectUrl = URL.createObjectURL(blob);
    window.open(objectUrl);
}

When I needed to download a base64 PNG image after converting it, I found success by using a Blob. The process went smoothly on IE11 thanks to window.navigator.msSaveBlob

If you want more detailed information, check out the MSDN link provided below: http://msdn.microsoft.com/en-us/library/hh779016(v=vs.85).aspx

To make it work, simply use the following code:

window.navigator.msSaveBlob(blobObject, 'msSaveBlob_testFile.txt');

In this snippet, remember that blobObject should be created in the usual manner as a Blob object.

Comprehensive Solution for Chrome, Internet Explorer Firefox and Opera

This page contains various useful elements, but I had to combine different methods to make them all function properly. I hope this guide assists you.

1. Add a button or link that calls the download() function:

<button class="button-no save-btn" ng-click="download()">DOWNLOAD</button>

2. Insert the following code in your controller:

$scope.download = function () {

    // Example demonstrates using a JSON file
    var content = JSON.stringify($scope.stuffToPutInFile, null, "  ");
    var blob = new Blob([content], {type: 'application/json;charset=utf-8'});

    if (window.navigator && window.navigator.msSaveBlob) {

        // Workaround for Internet Explorer
        $log.warn("Triggering download using msSaveBlob");
        window.navigator.msSaveBlob(blob, "export.json");

    } else {
        
        // For other browsers
        $log.warn("Triggering download using webkit");
        var url = (window.URL || window.webkitURL).createObjectURL(blob);
        
        // Create invisible element
        var downloadLink = angular.element('<a></a>');
        downloadLink.attr('href', url);
        downloadLink.attr('download', 'export.json');
        
        // Make link invisible and add it to the DOM (Firefox)
        downloadLink.attr('style','display:none');
        angular.element(document.body).append(downloadLink);
        
        // Trigger click
        downloadLink[0].click();
    }
};

Which version of Internet Explorer are you using? Ensure that you have a current browser or IE10+ http://caniuse.com/bloburls

If you're looking to add a delay, consider using the following snippet:

button.addEventListener('click', function(){
    setTimeout(function(){
        document.body.createElementNS('http://www.w3.org/1999/xhtml', 'a');
        URL.revokeObjectURL(link.href);  
    }, 100);
});

After encountering issues with the download feature not working in Chrome and IE11, I was able to find a solution that worked effectively.

HTML

<div ng-repeat="attachment in attachments">
  <a ng-click="openAttachment(attachment)" ng-href="{{attachment.fileRef}}">{{attachment.filename}}</a>
</div>

JS

$scope.openAttachment = function (attachment) {
  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(
      b64toBlob(attachment.attachment, attachment.mimeType),
      attachment.filename
    );
  }
};

This method has been effective for me and is working perfectly.

fetchDocument(content) {
    if (navigator.msSaveBlob) {
      let blob = new Blob([content], {
        "type": "text/csv;charset=utf8;"
      });
      navigator.msSaveBlob(blob, this.docName);
    }
    else {
      let blob = new Blob(['\ufeff' + content], { type: 'text/plain;charset=utf-8;' });
      let $link = document.createElement("a");
      let url = URL.createObjectURL(blob);
      $link.setAttribute("target", "_blank");
      $link.setAttribute("href", url);
      $link.setAttribute("download", this.docName);
      $link.style.visibility = "hidden";
      document.body.appendChild($link);
      $link.click();
      document.body.removeChild($link);
    }
  }

Consider utilizing the following code snippet: var chunk = file.slice(0, file.size);

To address the issue of blob function not being supported in certain cases, a polyfill method can be created. In this method, a variable named `filename` is used to handle static download filenames. This workaround will come in handy when dealing with browsers like Internet Explorer.

if (!HTMLCanvasElement.prototype.toBlob) {
    Object.defineProperty(HTMLCanvasElement.prototype, 
        'toBlob', {
            value: function (callback, type, quality) {
                var canvas = this;
                setTimeout(function () {
                    var binStr = atob(canvas.toDataURL(type, quality).split(',')[1]),
                        len = binStr.length,
                        arr = new Uint8Array(len);

                    for (var i = 0; i < len; i++) {
                        arr[i] = binStr.charCodeAt(i);
                    }

                    var blob = new Blob([arr], {
                        type: 'image/png'
                    });

                    window.navigator.msSaveOrOpenBlob(blob, fileName);
                });
            }
        });
}

try {
      const blob = new Blob([res.body], {
        type: res.headers.get('Content-Type'),
      });
      const file = new File([blob], this.getFileName(res), {
        type: res.headers.get('Content-Type'),
      });

      saveAs(file);
    } catch (err) {
      var textFileAsBlob = new Blob([res.body], {
        type: res.headers.get('Content-Type'),
      });
      window.navigator.msSaveBlob(textFileAsBlob, this.getFileName(res));
    }

To retrieve the filename from a response, you can utilize the following function.

getFileName(response: any) {
    let name: string;
    try {
      const contentDisposition: string = response.headers.get(
        'content-disposition'
      );
      const [, filename] = contentDisposition.split('filename=');
      name = filename;
    } catch (e) {
      name = 'File_Name_Not_Specified_' + new Date();
    }
    return name;
  }

This method has proven effective in my use case.