資料として作成したPDFファイルなどをホームページで公開し、ダウンロードしてもらいたいときにどのようにすればいいのかお伝えします。

PDFファイルにリンクを張りdownload属性

ホームページで公開したいPDFファイルをサーバーにアップロードして、そのPDFファイルに対して<a>タグでリンクをはります。

そして<a>タグにdownload属性を設定します。

例）<a href="./report01.pdf" download>お客様アンケート結果PDFのダウンロード</a>

これでユーザーがそのリンクをクリックするとPDFファイルのダウンロードが始まります。

ユーザーがわかりやすいよう、そのリンク（アンカーテキスト）付近にそのむね説明文をそえておかれると良いと思います。

ファイル名に注意

ウェブページなどと同様に、サーバーにアップロードするPDFファイルには日本語を使わずアルファベット・数字などのものにしましょう。

例）お客様アンケート結果.pdf ✕ → report01.pdf ○

日本語のファイル名にするとサーバーで正しく認識されずブラウザで表示されないことも。

日本語ファイル名でダウンロードさせる方法

アップロードするときはアルファベットと数字のファイル名にしないといけませんが、それをユーザーがダウンロードするときに日本語のファイル名にしてダウンロードさせることができます。

download属性で任意のファイル名を指定します。

例）<a href="./report01.pdf" download="お客様アンケート結果.pdf">お客様アンケート結果PDFのダウンロード</a>

参考になれば幸いです。