ファイルをダウンロードさせる方法

画像とかMP3ファイルとかPDFとか、
そういうものにaタグでリンクを張ると普通はブラウザで表示しちゃうのですが、
表示でなくダウンロードさせたい場合。

HTML5ではaタグに「download」属性を追加するだけでOK。

<a href="ファイルパス" download="ファイル名">ダウンロード</a>

それ以外の方法を探すとやたら面倒なのばかり…。
ダウンロードさせるファイルパスが動的に決まるものを作っていたので
本当はjQueryあたりでやりたかったんですが、
面倒だったのでaタグの中身を書き換えてしまったあとに押させる流れにしました。

<a href="#" download="" id="download_link">ダウンロード</a>

// jQuery
var filename = "test.jpg";
$("#download_link").attr("href", "/files/" + filename);
$("#download_link").attr("download", filename);