これはおかしいのですが、やり方がわかりません。また、単語が一般的なので、検索エンジンで必要なものを見つけるのが困難です。これは簡単に答えられるはずだと思っています。
次のような単純なファイルのダウンロードをしたいです:
<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
、使ってもいいですか