aタグのdownload属性

chromeではaタグの属性としてdownloadが使えるらしい

基本

使い方

<a href="image.png" download="icon">ダウンロード</a>

こうすると、hrefで指定したimage.pngがdownload属性で指定したファイル名iconでダウンロードされる。

応用

chrome拡張機能などでプログラムが生成したテキストファイルをダウンロードする方法
（ユーザーデータのエクスポートなどに使えそう）
まず、土台となるHTMLソースはこちら。

app.html

<a href="#" download="myData" id="export">エクスポート</a>

これに対して以下のJavaScriptを実行する。

app.js

var txt = "任意のテキスト";
var blob = new Blob([ txt ], { type: "text/plain" });
var url = window.webkitURL.createObjectURL(blob);
document.getElementById("export").href = url;

これで、ユーザーがリンクをクリックしたときにテキストファイルmyData.txtのダウンロードが始まる。