HTML ボタンまたは JavaScript を使用してファイルのダウンロードをトリガーするにはどうすればよいですか?

HTML ボタンまたは JavaScript からのファイル ダウンロードのトリガー

Web 開発では、多くの場合、ユーザーにファイルをダウンロードする機能を提供することが必要です。従来の HTML はhref 属性を持つアンカー タグはこの目的でよく使用されますが、ボタンや JavaScript を使用してダウンロードをトリガーしたい場合があります。

方法 1: HTML5 ダウンロード属性を使用する

HTML ボタンを使用してファイルのダウンロードをトリガーするには、HTML5 ダウンロード属性を使用できます。この属性は、ファイルを保存するときに使用するファイル名を指定し、 の両方で機能します。 <ボタン> elements.

<button type="button" download="file.doc">Download!</button>

方法 2: JavaScript 経由でダウンロードをトリガーする

JavaScript を使用して、プログラムによってファイルのダウンロードをトリガーすることもできます。ただし、この方法には少し異なるアプローチが必要です。 href 属性を使用する代わりに、window オブジェクトの location.href プロパティをファイルの URL に設定し、ファイル名を a 要素の download 属性に追加できます。

$("#fileRequest").click(function() {
  location.href = "file.doc";
  $("a").attr("download", "proposed_file_name");
});

その他の考慮事項

• ファイルのパスはページと同じオリジンにある必要があることに注意してください (つまり、同じドメイン、サブドメイン、プロトコル、およびポート)。
• ファイル名が指定されていない場合は、ダウンロードされるファイルのデフォルトのファイル名が使用されます。
• ダウンロード属性は、最新のバージョンでサポートされています。ただし、動作は若干異なる場合があります。

以上がHTML ボタンまたは JavaScript を使用してファイルのダウンロードをトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。