react http stream 질문

Question

react 에서 fetch 메소드를 사용해서 서버에서 http stream 보내주면 데이터를 받아서 엑셀파일 다운로드 하는걸 만들고 있는데.then(response &#61;> { const reader &#61; response.body.getReader(); return new ReadableStream({ start(controller) { function push() { reader.read().then(({ done, value }) &#61;> { if (done) { controller.close(); return; } controller.enqueue(value); push(); }); } push(); } });}).then(stream &#61;> { const reader &#61; stream.getReader(); const decoder &#61; new TextDecoder(); let chunks &#61; []; return new Promise((resolve, reject) &#61;> { function read() { reader.read().then(({ done, value }) &#61;> { if (done) { resolve(chunks.join('')); return; } chunks.push(decoder.decode(value, { stream: true })); read(); }); } read(); });}).then(data &#61;> { console.log(data); const file &#61; new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); const link &#61; document.createElement('a'); link.href &#61; URL.createObjectURL(file); console.log(file); console.log( link.href ); link.download &#61; 'data.xlsx'; document.body.appendChild(link); link.click(); document.body.removeChild(link);}); 위의 코드대로 하고있는데 자꾸 파일이 손상되었다거나 빈파일이 뜹니다 data찍어보니까 이런식으로 나오는데 어떻게 해결 해야될까요?

nathak · Answer

받는 데이터가 text 성 데이터가 아닐텐데 TextDecoder 이걸 사용하시는 이유가?

oky · Answer

new TextDecoder('utf-8');

react http stream 질문

2개의 답변

#stream 목록