ファイルダウンロードで必須となる2つの手順 – cybozu developer networkhttps://developer.cybozu.io/hc/ja/articles/200814380

を参考にして詳細画面から添付ファイルをダウンロードしてローカルに保存するjavascriptを作りました。ローカルへの保存までできるのですが、このままだとすべてテキストファイルになってしまいます。

alink.download = 'ダウンロードファイル.txt';　の所のファイル名をダウンロード元のファイル名に設定するように色々やってみましたが上手くいはません。ご教示お願いいたします。

var filename = fileKeys[i].name　でファイル名は取得できるのですが、、、、

// Blobオブジェクトにファイルを格納

const blob = new Blob([xhr.response]);

const url = window.URL || window.webkitURL;

// BlobURLの取得

const blobUrl = url.createObjectURL(blob);

// リンクを作成し、そこにBlobオブジェクトを設定する

const alink = document.createElement('a');

alink.textContent = 'ダウンロード';

alink.download = 'ダウンロードファイル.txt';

alink.href = blobUrl;

alink.target = '_blank';

// マウスイベントを設定

const e = new MouseEvent('click', {view: window, bubbles: true, cancelable: true});

// aタグのクリックイベントをディスパッチする

alink.dispatchEvent(e);