[解決済み] HTMLボタンやJavaScriptをクリックしたときにファイルをダウンロードさせる方法
2022-03-18 17:49:21
質問
これはおかしな話なのですが、どうすればいいのかわかりません。また、よくある言葉なので、検索エンジンで必要なものを見つけるのは難しいです。これは簡単に答えられるはずだと思うのですが。
これと同じようなことをする、簡単なファイルのダウンロードがしたい。
<a href="file.doc">Download!</a>
しかし、私はHTMLボタンを使いたいのですが、例えば以下のどちらかです。
<input type="button" value="Download!">
<button>Download!</button>
同様に、JavaScriptで簡単なダウンロードを起動させることは可能でしょうか?
$("#fileRequest").click(function(){ /* code to download? */ });
私は間違いなく ない ボタンのようなアンカーを作成したり、バックエンドのスクリプトを使用したり、サーバーのヘッダーやMIMEタイプをいじったりする方法を探しています。
解決するには?
ボタンには、次のような方法があります。
<form method="get" action="file.doc">
<button type="submit">Download!</button>
</form>
関連
-
Vueでルートネスティングを実装する例
-
Uncaught TypeError: null のプロパティ 'offsetHeight' を読み取れませんでした。
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
元のイベントが実行されなかった後に要素を追加するためのjQueryソリューション
-
vueのグローバルがscss(mixin)を導入。
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】SyntaxError: JSONの位置1に予期しないトークンoがある。
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
Uncaught TypeError: null のプロパティ 'offsetHeight' を読み取れませんでした。