サイト制作
download属性を付けたのに保存されない?配信元と応答を確認
2026-11-01
この記事には広告・アフィリエイトリンクが含まれます。

リンクのdownload属性は、どんなURLでも必ずダウンロードさせる命令ではありません。
別サイトのファイルは同じように扱えない
a要素のdownload属性は、原則として同一オリジンのURLや、blob・dataのURLに対して働きます。外部サイトに置かれたPDFなどへ属性を付けても、期待どおり保存が始まるとは限りません。まずリンク先が、ページと同じ配信元なのかを確認しましょう。
ファイル名はサーバー側も関係する
download属性に名前を書いても、サーバーがContent-Dispositionで指定するファイル名や、ブラウザーの扱いが結果に影響します。リンクのHTMLだけを直して解決しない場合は、応答ヘッダーと実際に返されるファイルも調べます。拡張子を変えるだけでは、ファイルの中身の形式は変わりません。

利用者には形式と大きさを伝える
「資料をダウンロード」だけでなく、PDFなどの形式や容量を添えると、保存する前に判断しやすくなります。外部サイトの資料なら、そこで開くことが分かる表示も検討しましょう。配布権限のないファイルを、制限回避のため自分のサーバーへ複製することは避けてください。
確認は配信後のURLで
ローカルでの確認と、実際の公開環境ではオリジンや応答が違います。公開前後に、リンク先、ファイル名、開くか保存するかを対象ブラウザーで確かめましょう。downloadは保存を促す仕組みの一つで、利用者のブラウザー設定まで一律に上書きできるものではありません。


