閉じる
閉じる

あまめも

【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>

ブラウザによって多少動きが違いますが、上記で問題無くダウンロードできるはずです。

関連記事

  1. ブログデータをローカルに移す方法を良く忘れるのでメモしとこ〜っ

  2. [甘]気になってしょうがないのでさっそく画像表示を直してみた。

  3. take088-thumbnail

    【WaznFilm更新】フリーアイコンはここで決まり!クオリティ…

  4. ファイルの管理がめんどくさくなってきたから「Git」使ってみた!…

  5. 雑誌

    「一文字だけ雑誌の様におしゃれに大きく表示したい」直ぐに解決可能…

  6. 09152021-thumbnail

    phpで日本語urlをエンコードorデコードする簡単な方法

こんなメモもありますよ♪

  1. スシロー 店舗外観
  2. take087-thumbnail
  3. take030-thumbnail

Twitter

ページ上部へ戻る