PDFなどのデータを表示せずにダウンロードさせる方法
PDFなどのデータを表示せずにダウンロードさせる方法
PDFをダウンロードさせたいけど、リンク文字やリンク画像をクリックすると、データが開いて中身が見えてしまう。
そんな悩みを解決できるのがHTML5!
なんと1行書き足すだけでクリックしてそのままダウンロードできるようになります。
【元のソースコード】
<a href=”https://www.value-web.asia/●●/●●/dlfile.pdf”>ダウンロード!</a>
<a href=”https://www.value-web.asia/●●/●●/dlfile.pdf”>ダウンロード!</a>
【足したソースコード】
<a href=”https://www.value-web.asia/●●/●●/dlfile.pdf” download=”dlfile.pdf”>ダウンロード!</a>
<a href=”https://www.value-web.asia/●●/●●/dlfile.pdf” download=”dlfile.pdf”>ダウンロード!</a>
黄色いマーカーを引いたところを書き足すだけです。
download=””にはパスは書かず、ファイル名だけを書きます。
HTML5が出てくる前はphpを書き足さなければならず、制作サイドはなかなかめんどうくさ…いえ、大変な作業でした。
この方法であれば制作会社へ依頼せずに自分で設定ができますし、制作会社としては大変ありがたい限りです。
是非お試しください。
カテゴリ:Web制作
タグ: