【HTML】ホームページから任意のファイルをダウンロードさせる方法
こんにちは! あますた(@amaguristar)です。
ホームページから任意のファイルをダウンロードさせたい時ってありますよね? そんな時は<a>
タグを利用して簡単にダウンロードさせることが可能です。
download属性を追加するだけ
HTMLでリンクを貼る時に使用するのが、<a>
タグ。基本的な使用方法は、
<a href="リンク先アドレス" target="_blank"> htmlに表示させる文字 </a>
ではないでしょうか(target
属性は好みだと思いますが)?
実際にダウンロードさせるには、<a>
タグにdownload
属性を追加するだけ。実際の使い方を書くと。
<a href="ダウンロードするファイルアドレス" download="ダウンロードした時のファイル名"> 表示される文字 </a>
href
には、ダウンロードするファイルアドレスを記入。例として同一フォルダ内に存在する”objフォルダ内のtmp.pdf”」ファイルをダウンロードする処理を記入する場合。
<a href="./obj/tmp.pdf" download="Object.pdf"> ダウンロード </a>
と、書き込むことができます。この場合、ダウンロードした際のファイル名は「Object.pdf」です。
まとめ
<a href="ファイルアドレス" download="ダウンロードした時のファイル名"> ダウンロード </a>
ブラウザによって多少動きが違いますが、上記で問題無くダウンロードできるはずです。