pdfファイルをクリックでダウンロードできるようにしたいなぁ
というわけで今回はpdfファイルをクリックでダウンロードする実装を説明します！
目次
pdfファイルをダウンロードする
基本的には普通のリンクと同じようにaタグを使用しますが、
普通にhrefにpdfファイルのリンクを貼ると、pdfを開くという挙動になってしまいます。
今回やりたいのは、クリックするとダウンロードされるという実装です。
ではコードを見ていきましょう。
<a href="pdfファイルのurl" download="ダウンロードのときに表示するファイル名">表示するテキスト</a>ポイントはaタグにdownload属性を設定するというところです。
download属性にファイル名を記載すればユーザーにもわかりやすい名前でダウンロードしていただけます。
まとめ
というわけで今回はpdfファイルをクリックでダウンロードする方法をご紹介しました。
pdfファイルに限らず色々なファイルや画像も設定できますので是非用途に合わせてお試しください♪
