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-ヘッダー コンテンツ-ディスポジション
関連
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] Chromeを使用してASP.NET Web APIがXMLの代わりにJSONを返すようにするにはどうすればよいですか?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] ラジオボタンをデフォルトで選択するには?[重複しています]
-
[解決済み】自己署名付きlocalhost証明書をChromeが受け入れるようにする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] cssのfit-contentで横幅を自動サイズ調整する
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] MIME-typeが原因でスタイルシートが読み込まれない
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)
-
[解決済み] HTMLボタンやJavaScriptをクリックしたときにファイルをダウンロードさせる方法