読者です 読者をやめる 読者になる 読者になる

かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

HTML5 ファイルをダウンロードさせるリンクを作りたい。

最近のブラウザちゃんはPDFとかも開けちゃうのですが、ファイルをダウンロードさせたいって時があります。
HTPPヘッダーにContent-Dispositionをごにょごにょしたり、.htaccessでごにょごにょしたりしてたイメージだったのですが、HTML5からはHTMLだけで簡単実現できちゃうみたいです。

そう、HTML5ならね!

download属性にダウンロードされるファイル名を指定すればOK

<a href="/file/to/path/eroi-text.md" download="eroi-text.md">ダウンロード</a>

サンプル

ダウンロード属性ありのaタグのボタン 普通のリンク(href)だけのaタグのボタン

 
HTML5なら簡単で良いですね☆


[参考]

日常 大工カフェマグカップ

日常 大工カフェマグカップ