←
慈愛結ノ宮縁側だより

サイト制作

download属性を付けたのに保存されない?配信元と応答を確認

慈愛妃きづな

2026-11-01

この記事には広告・アフィリエイトリンクが含まれます。

ノートパソコンの画面
ノートパソコンの画面。撮影時点:2010-06-14。作業環境・機器の参考で、本文の操作画面ではありません。縮小配布版。写真:Kristoferb at English Wikipedia/CC BY-SA 4.0。 / MSI laptop with English Wikipedia screenshot 20100614 (2).jpg / Kristoferb at English Wikipedia / CC BY-SA 4.0 · 画像出典 · CC BY-SA 4.0

リンクのdownload属性は、どんなURLでも必ずダウンロードさせる命令ではありません。

別サイトのファイルは同じように扱えない

a要素のdownload属性は、原則として同一オリジンのURLや、blob・dataのURLに対して働きます。外部サイトに置かれたPDFなどへ属性を付けても、期待どおり保存が始まるとは限りません。まずリンク先が、ページと同じ配信元なのかを確認しましょう。

ファイル名はサーバー側も関係する

download属性に名前を書いても、サーバーがContent-Dispositionで指定するファイル名や、ブラウザーの扱いが結果に影響します。リンクのHTMLだけを直して解決しない場合は、応答ヘッダーと実際に返されるファイルも調べます。拡張子を変えるだけでは、ファイルの中身の形式は変わりません。

複数のパソコンを置いた作業環境
複数のパソコンを置いた作業環境。撮影時点:2019-05-01。作業環境・機器の参考で、本文の操作画面ではありません。縮小配布版。写真:PXHERE/CC0。 / Macbook apple imac computer screen laptop notebook technology-758989.jpg / PXHERE / CC0 · 画像出典 · CC0

利用者には形式と大きさを伝える

「資料をダウンロード」だけでなく、PDFなどの形式や容量を添えると、保存する前に判断しやすくなります。外部サイトの資料なら、そこで開くことが分かる表示も検討しましょう。配布権限のないファイルを、制限回避のため自分のサーバーへ複製することは避けてください。

確認は配信後のURLで

ローカルでの確認と、実際の公開環境ではオリジンや応答が違います。公開前後に、リンク先、ファイル名、開くか保存するかを対象ブラウザーで確かめましょう。downloadは保存を促す仕組みの一つで、利用者のブラウザー設定まで一律に上書きできるものではありません。

読み物の一覧へ

慈愛妃きづなについて・記事の編集方針

あわせて読みたい関連記事

記事一覧へ