HTML ボタンまたは JavaScript をクリックしたときにファイルのダウンロードをトリガーする方法 質問する

HTML ボタンまたは JavaScript をクリックしたときにファイルのダウンロードをトリガーする方法 質問する

これはおかしいのですが、やり方がわかりません。また、単語が一般的なので、検索エンジンで必要なものを見つけるのが困難です。これは簡単に答えられるはずだと思っています。

次のような単純なファイルのダウンロードをしたいです:

<a href="file.doc">Download!</a>

しかし、私は HTML ボタンを使用したいと思います。たとえば、次のいずれかです。

<input type="button" value="Download!">
<button>Download!</button>

同様に、JavaScript 経由で簡単なダウンロードをトリガーすることは可能ですか?

$("#fileRequest").click(function(){ /* code to download? */ });

私は、ボタンのように見えるアンカーを作成したり、バックエンド スクリプトを使用したり、サーバー ヘッダーや MIME タイプを操作したりする方法を探しているわけではありません。

ベストアンサー1

HTML5 属性を使用してダウンロードをトリガーできますdownload

<a href="path_to_file" download="proposed_file_name">Download</a>

どこ:

  • path_to_file、URLに解決されるパスです。同じ起源つまり、ページとファイルは、同じドメイン、サブドメイン、プロトコル(HTTPまたはHTTPS)、およびポート(指定されている場合)を共有する必要があります。例外は次のとおりですblob:そしてdata:(常に機能します)、そしてfile:(決して機能しません)。
  • proposed_file_name保存先のファイル名です。空白の場合、ブラウザはデフォルトでファイル名を使用します。

ドキュメンテーション:翻訳ダウンロードに関するHTML標準HTML標準オンdownload使ってもいいですか

おすすめ記事