Excel 파일 다운로드 오류 대응

Excel 파일 다운로드 오류 대응

스프링 REST 엔드포인트를 호출하여 Reactjs에서 엑셀 파일을 다운로드하려고 하는데 파일이 손상되어 문제가 발생합니다.

응답 호출...

getFile(){
    axios.get('get/download')
        .then((response) => {
            var blob = new Blob([response.data], {type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
            filesaver.saveAs(blob, "excel.xlsx");
        });
}

스프링 컨트롤러...

@RequestMapping(value = "/download", method = RequestMethod.GET)
    public void downloadExcelFile(final HttpServletResponse response) throws IOException {
        response.setHeader("Content-Encoding", "UTF-8");
        response.setHeader("Content-Disposition", "attachment; filename="file.xlsx");
        response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");

        final File xls = service.createExcelFile(response);

        final FileInputStream in = new FileInputStream(xls);
        final OutputStream out = response.getOutputStream();

        final byte[] buffer = new byte[8192];
        int length;

        while ((length = in.read(buffer)) > 0) {
            out.write(buffer, 0, length);
        }
        in.close();
        out.close();
    }

서비스...

 public File createExcelFile(final HttpServletResponse response) {
     XSSFWorkbook xssfWorkbook = null;
     final File xls = new File("excel.xlsx");
        try {
            final FileOutputStream fos = new FileOutputStream(xls);

            xssfWorkbook = new XSSFWorkbook();
            //setup excel file...
            xssfWorkbook.write(fos);
            xssfWorkbook.close();
       }
       catch (final Exception e) {
           LOGGER.error(String.format("Something went wrong"));
       }
    return xls;
 }

위의 코드를 실행하면 엑셀파일이 나옵니다.하지만 반응을 보면 데이터가...

"PKs��J_rels/.rels���j�0��}↵�{㴃1F�^Ơ�2��l%1I,c�[�

파일을 열려는 중...읽을 수 없는 데이터로 인해 파일을 열 수 없습니다.서버에서 파일 생성을 열어도 괜찮습니다.

어떤 아이디어라도 환영합니다.

건배.

axios 요청에 응답 유형을 추가하면 됩니다.

responseType: 'arraybuffer'

내 애플리케이션에서 다음 기능이 엑셀 파일을 다운로드합니다.

function exportIssues() {
  axios.get('/issues/export', { responseType: 'arraybuffer' })
    .then((response) => {
      var blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
      fileSaver.saveAs(blob, 'fixi.xlsx');
    });
}

언급URL : https://stackoverflow.com/questions/43460162/react-excel-file-download-corrupt