<a>タグのdownload属性を使うと、リンクをクリックしたときにファイルがブラウザ上で直接開かれるのではなく、ダウンロードされるように設定できます。
この属性を使うとファイルのダウンロード名を指定することも可能です。

基本的なHTML構文

<a href="../data/file.pdf" download>Download PDF</a>

ダウンロード時のファイル名を指定する方法

<a href="../data/file.pdf" download="MyFile.pdf">Download PDF</a>

download属性に追加でファイル名を指定すると、ダウンロード時の名前を指定できます。

これは実際のファイル名ではなく、ダウンロードされたときのファイル名になります。

注意点

  • download属性は同一ドメイン内のファイルでのみ完全に機能します。クロスオリジンでは一部制限があります。
  • 一部のブラウザでは挙動が異なる場合がありますので、確認が必要です。