【HTML】ファイル（PDF）を表示せずにダウンロードする
- 更新
- デザインのメモ
あのーPDFもダウンロードできるようにしたいんですけどー
あー、なるほどー、エクセルとかワードと同じ感じってことですねー
リンクをクリック！ → ブラウザに表示！
HTML
<a href="/sample.pdf" target="_blank">PDF</a>
リンクをクリック！ → ダウンロード！
HTML
<a href="/sample.pdf" download="sample.pdf" target="_blank">PDF</a>
※ download属性を追加します。
リンクをクリック！ → ダウンロード！（downloadの属性値は省略してもオッケーです。）
HTML
<a href="/sample.pdf" download target="_blank">PDF</a>
※ downloadの属性値は省略してもオッケーです。
対応ブラウザ
download属性の対応ブラウザを検証してみました。（2022年2月）
| Chrome | ○ | 問題なし |
|---|---|---|
| Firefox | ○ | 問題なし （このファイルをどのように処理するか選んでください、とポップアップが出る） |
| Safari | ○ | 問題なし |
| Edge | ○ | 問題なし |
| IE | × | ダメです （ブラウザに表示される、その後ダウンロードは可） |
さいごに
ふむふむ、なーるほどー
クリームパンを買いに行きましょー
デザコトauthor
あ、いいな、と思うWebデザインを紹介しています。デザインの参考に。やさしいデザインが多いです。Webデザインギャラリー『デザインのこと - Web design gallery』を運営しています。
