javascript - jQuery とのリンクをダウンロード

Question

<a href="style.css">Download our CSS</a>

Chrome でこれをクリックすると、ブラウザで CSS が開きます。ファイルをオンクリックで強制的にダウンロードするにはどうすればよいですか?

Answer 1

ブラウザにファイルを強制的にダウンロードさせるには、特別な HTTP 応答ヘッダーが必要です。たとえば、PHP を使用している場合、簡単な例は次のようになります。

<?php
// We'll be outputting a CSS
header('Content-type: text/css');

// It will be called style.css
header('Content-Disposition: attachment; filename="style.css"');

// The CSS is in style.css
readfile('style.css');
?>

使用しているバックエンド言語 (PHP/Ruby/Python/Node.js) は関係ありません。応答でそれらの特定の HTTP ヘッダーを送信するだけです。