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

HTML ボタンまたは JavaScript を使用したファイルのダウンロードのトリガー

質問:

ボタンをクリックしたときにファイルのダウンロードを開始するにはどうすればよいですか?アンカータグ、バックエンドスクリプト、サーバーを使用しないHTMLボタン設定?

HTML ボタンの解決策:

download 属性を使用してファイルのダウンロードをトリガーできます:

<button download="myfile.txt">Download Me</button>

ここで:

• myfile.txt は目的のファイル名です
• ファイルURL は同じオリジン (ドメイン、プロトコルなど) である必要があります。

JavaScript 解決策:

JavaScript 経由でファイルをダウンロードするには、 BLOB と URL API:

var fileUrl = URL.createObjectURL(new Blob([data], {type: 'text/plain'}));
var a = document.createElement('a');
a.href = fileUrl;
a.download = 'myfilename.txt';
a.click();

ここで:

• data はファイルのデータです
• 'text/plain' はファイルの種類です
• myfilename。 txt は目的のファイル名です

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