自動化無しに生活無し

WEBとかAIとかLinux関係をひたすら書く備忘録系ブログ

【HTML】ダウンロードのダイアログを表示させたい場合、aタグにはdownload属性を付与する

  • 作成日時:
  • 最終更新日時:
  • Categories: フロントサイド
  • Tags: html tips
thumbnail

小ネタ。

例えば、ファイルを共有するウェブアプリを作る時、ファイルをリンクタグでダウンロードする仕様に仕立てる。

しかし、それが画像やPDF等のブラウザで表示できるファイルの場合、ダウンロードのダイアログが表示されず、ファイルそのものが表示されてしまう。

<a href="sample.pdf">ダウンロードする</a>

そこで、aタグにdownload属性を付与する。

<a href="sample.pdf" download>ダウンロードする</a>

これでダウンロードのダイアログが表示される。

スポンサーリンク

シェアボタン

Twitter LINEで送る Facebook はてなブログ