[JavaScript]download属性が効かないIEのために

概要

下記のようにaタグにdownload属性を設定することで、「dl.pdf」を「ダウンロード.pdf」としてダウンロードして保存できるが、IEではうまく効かない。

Copied!

<a href="dl.pdf" download="ダウンロード.pdf">

スクリプト

Copied!

    if(document.documentMode && navigator.msSaveOrOpenBlob){
        var as = $('a');
        as.on('click',function(eve){
            var $a = $(this);
            if(!$a.attr("download")){
                return false;
            }
            eve.preventDefault();
            var filename = $a.attr("download");
            var xhr = new XMLHttpRequest();
            xhr.open("GET", $a.attr("href"));
            xhr.responseType = "blob";
            xhr.send();
            xhr.onload = function(){
                navigator.msSaveOrOpenBlob(xhr.response, filename);
            };
            return false;
        });
    }