1. ホーム
  2. html

Chromeのダウンロード属性が機能しない

2023-09-06 10:52:58

質問

Chromeの最新版から、予期せぬ動作をすることがあります。 Firefox では、このコードは完全にうまく動作しています。

<a id="playlist" class="button" download="Name.xspf" href="data:application/octet-stream;base64,PD94ANDSOON" style="display: inline;">Download Me</a>

Chromeでは動作しませんが(単に"Download"という名前のファイルをダウンロードする)、以前はかなりうまく動作していました。何を変更すれば、再び動作するようになりますか?

どのように解決するのですか?

いくつかの調査の後、私は最終的にあなたの問題を発見した。

<a> 属性をダウンロードしてください。

HTTP ヘッダ Content-Disposition: が存在し、この属性と異なるファイル名を与える場合、HTTP ヘッダがこの属性よりも優先されます。

この属性が存在し、Content-Disposition: が inline に設定されている場合、Firefox はファイル名の場合と同様に Content-Disposition を優先し、Chrome は download 属性を優先します。

ソース

HTTP-ヘッダー コンテンツ-ディスポジション