ボタンをクリックすると、href が更新され、ファイルがダウンロードされます。

Question

ボタンをクリックしてファイルをダウンロードしようとしています。私の具体的な方法は次のとおりです:

1. ボタンをクリックすると、ファイルのバッファリングされたデータを返す API を呼び出します。
2. バッファされたデータを Base64 URL に変換し、この Base64 URL を使用して <a> 要素の href 属性を更新します。
3. 関数内で <a> 要素のクリック イベントを呼び出します。

この方法ではファイルがダウンロードされますが、ファイルは無期限にダウンロードされ続けます。なぜこれが起こっているのかわかりませんし、これを修正する方法もわかりません。

これはこの関数を呼び出す方法です。

リーリー

これは関数のコードです:

リーリー

Answer 1

問題は、同じ要素を再利用することです。したがって、getImage() の最後に発生するクリック イベントによってクリック リスナーがトリガーされ、getImage() が再度呼び出され、getImage() 呼び出しの無限ループが作成されます。

この問題を解決するには、getImage() で新しい要素を作成し、それをスクリプトの「ダウンロード」要素として使用します。 ＃＃＃＃＃＃例えば：＃＃＃＃＃＃＃＃＃＃＃＃ リーリー