버튼 클릭 시 href를 업데이트하고 파일을 다운로드합니다.

Question

버튼 클릭으로 파일을 다운로드하려고 합니다. 나의 구체적인 방법은 다음과 같습니다:

1. 버튼 클릭 시 파일의 버퍼링된 데이터를 반환하는 API를 호출합니다.
2. 버퍼링된 데이터를 base64 URL로 변환하고 <a> 요소의 href 속성을 이 base64 URL로 업데이트하세요.
3. 함수 내에서 <a> 요소의 클릭 이벤트를 호출합니다.

이 방법을 사용하면 파일이 다운로드되지만 계속해서 파일을 계속 다운로드하게 됩니다. 왜 이런 일이 발생하는지 잘 모르겠고 해결 방법도 모르겠습니다.

이 함수를 이렇게 부릅니다.

으아아아

함수 코드는 다음과 같습니다.

으아아아

Answer 1

문제는 동일한 a 요소를 재사용하고 있다는 것입니다. 따라서 getImage() 끝에서 실행된 클릭 이벤트는 클릭 리스너를 트리거하고 getsImage()가 다시 호출되어 getImage() 호출의 무한 루프를 생성합니다.

이 문제를 해결하려면 getImage()에서 새 요소를 생성하고 이를 스크립트의 "다운로드"로 사용하세요.

예:

으아악