HTML5のdownload属性

最近仕事で使ったのでメモ。

HTML5ではアンカー要素の属性としてdownloadが追加されている。
以下の様に書くと、リンクをクリックすると自動でファイルがダウンロードされるようになる。

<a href="path/to/your/file" download="MyFile">download</a>

クリックするとテンテンくんのアイコン画像がDLされるので注意！
Download My Icon

ちなみに、IEとSafariでは動かない模様。

参考

https://developer.mozilla.org/ja/docs/Web/HTML/Element/a http://caniuse.com/#feat=download