response body에 있는 file을 react 측에서 blobUrl로 만들어 다운로드 시키는 과정에 오류가 발생합니다.

Question

유저가 버튼을 누르면 django 측에서 pdf file을 리턴합니다.저는 해당 파일을 받아서 유저에게 자동 다운로드가 되도록 구현하고 있습니다.아래는 그에 해당하는 코드입니다.const fileBlob &#61; new Blob([apiResponse.data], { type: 'application/pdf' });const fileUrl &#61; window.URL.createObjectURL(fileBlob);const link &#61; document.createElement('a');link.href &#61; fileUrl;link.style.display &#61; 'none';link.download &#61; 'downloadTest.pdf';document.body.appendChild(link);link.click();link.remove();window.URL.revokeObjectURL(fileUrl); 현재 제가 겪고있는 문제점은 파일이 다운로드 되지만 파일이 열리지 않는다는 점입니다. 다운로드 받은 파일을 열어보면 손상되었거나 읽을 수 없는 파일이라고 나오네요.처음에는 백엔드에서 전송되는 과정에서 생기는 문제라고 생각했으나POSTMAN으로 호출시 파일이 정상적으로 출력되더군요... 혹시 비슷한 경험 하신분이나 해결방법 아시는 분 공유 부탁드립니다 :)

Clickin · Answer

blobUrl을 만드는 사유는 새 탭을 열지 않기 위해서인가요?

response body에 있는 file을 react 측에서 blobUrl로 만들어 다운로드 시키는 과정에 오류가 발생합니다.

1개의 답변

Q&A 목록