pdfファイルをブラウザで表示させないで直接ダウンロードする方法

Question

ご回答社様、
いつもお世話になっております。

現在htmlでwebサイトを製作している者です。

サーバーにupロードしたpdfファイルを、ダウンロードbtnをクリックすると、ブラウザで表示をさせないで、直接ダウンロード出来る様にしたいのですがソースの記述方法が判りません。

ご教授下さい。

よろしくお願いいたします。

Answer 1

HTML5のaタグでよろしければdownload属性というものがあります。
http://html5.cyberlab.info/elements/text/a-download.html

Comments

[退会済みユーザー]

こんなのあるんですね。初めて知りました。

[Noritaka]

回答、ありがとうございます。

早速試してみたいと思います。

[退会済みユーザー]

>Kosuke_Shibuyaさん
自分もつい最近知りました(^^;
昔はPHPかましたりサーバー側の設定をいじったりで大変だったのに
今ではHTMLにちょっと追記するだけで実現できてしまうなんて
すばらしい世の中になったものです(笑)

>Noritakaさん
全てのブラウザで動作を確認したわけではないので期待する結果にならなかったらすみません…。
Chromeでなら問題なくダウンロードできました。

[退会済みユーザー]

リファレンス見て、「まじかー」って叫んじゃいましたよw

[退会済みユーザー]

download属性をIE11で試してみましたが対応してないみたいですね…。
（リンク先の対応ブラウザに記述がなかったので薄々気づいてましたが）
絶対にダウンロードさせたい場合はKosuke_Shibuyaさんの方法が確実っぽいです。

[Noritaka]

lethargyprojectさん

ありがとうございます。
html5のdownload属性で記述するのが一番簡単でした。
ただやはりIE、頭が痛いところです。

結果Kosuke_Shibuyaさんの方法を採用しようと思っています。
ご回答ありがとうございました。

今後もよろしくお願いいたします。

Answer 2

• 参考情報；
• ブラウザにファイルを強制ダウンロードさせるContent-Type http://qiita.com/horimislime/items/325848fcf1e3dc6bd53a

...
例えば、 http://[ドメイン]/downloadpdf にアクセスが来るとPDFファイルをダウンロードさせたい時のコード。

@RequestMapping(value = "/downloadpdf", method = RequestMethod.GET)
public void downloadPdf(HttpServletResponse response) throws Exception {

 response.setContentType("application/pdf");

 InputStream in = new FileInputStream(
      new File("/Users/horimislime/Desktop/sample.pdf"));
 OutputStream out = response.getOutputStream();

 IOUtils.copy(in, out); //PDFファイルをレスポンスで返す

}
...

• PDFなどのファイルを強制的にダウンロードさせる3つ方法の比較 http://mamewaza.com/support/blog/force-download.html

...
強制ダウンロード方法１）HTML5のdownload属性を使う
...
強制ダウンロード方法２）ファイルをzip圧縮する
..
強制ダウンロード方法３）headerにforce-downloadを含める
...

個人的な意見としては、
ブラウザで表示させるか、ダウンロードさせるかは、
ユーザーが選択できるのがよいと思っています。

Comments

[Noritaka]

katoyさん

回答ありがとうございます。
上記の強制ダウンロード方法３に興味を持ちました。

今回は先に実行したKosuke_Shibuyaさんの方法を採用させて頂くことにしました。

ご回答、ありがとうございました。

また、今後もよろしくお願いいたします。

Answer 3

HTMLだけでは制御できません。
利用可能なサーバーサイド言語、またWEBサーバーの情報を追記してください。(ApacheとかNginXとかそういう情報です。)

.htaccess が利用できる環境なら、
AddType application/octet-stream .pdf
で可能です。

Comments

[Noritaka]

サーバー環境は、
OS：SUN Solaris 10（SunOS 5.10） / 64bit
Web: Apache 2.2.23
Mail: Postfix
Perl: 5.8.4
PHP: 5.5.26　※
Ruby: 1.8.7
Python: 2.5.5
MySQL: 5.6.14

※コントロールパネルにて「5.4.42」「5.6.14」に変更が可能です。

以上となっています。
よろしくお願いいたします。

[退会済みユーザー]

ありがとうございます。
> lethargyprojectさんの提示した方法で、できなかった時（帝王していないブラウザがあるとき）にはこの方法になるかと思います。

[Noritaka]

Kosuke_Shibuyaさん

コメントありがとうございます。
lethargyprojectからのアドバイスのダウンロード属性が簡単でしたが、
IEの問題がありますので、Kosuke_Shibuyaさんのアドバイスを実行しようと思います。

ほんとにありがとうございました。
また質問させて下さい。

今後ともよろしくお願いいたします。