웹에서 파일 다운로드 기능

Question

pdf 파일저장은 서버까지 잘되는데

다운로드가 문제 있어서 글을 적습니다.

원본파일을 메모장으로 확인 하면

%PDF-1.4

%宅紆

1 0 obj

<

/Producer (Skia/PDF m110)

/CreationDate (D:20230228083419+00'00')

/ModDate (D:20230228083419+00'00')>>

인반면 다운로드 받은 파일을 메모장으로 확인하면

%PDF-1.4

%��

1 0 obj

<

/Producer (Skia/PDF m110)

/CreationDate (D:20230228083419+00'00')

/ModDate (D:20230228083419+00'00')>>

%宅紆 - > %��

이런식으로 글자가 깨지더라고 이게 원인 인 것 같은데 정확하게 잘모르겠습니다 (해당 파일은 pdf 입니다.)

다운로드 받은 pdf는 열어지긴 하는데 기존에 정상적인 10페이지가 모두 백지로 나옵니다.

UTF-8 관련 인코딩 처리는 다되어 있습니다.

서버에 저장된 파일은 문제 없이 잘열립니다. 해당 � 문자도 메모장으로 열었을때 없고요.

(단순 텍스트 파일은 업로드 다운로드 문제 없이 잘됩니다.)

뭐가 문제일까요? 조심스럽게 질문을 올립니다.

java

AttachFile attachFile = attachFileService.selectOne(atf);

System.out.println("#### download : attachFile = " + attachFile);

String filePath = attachFile.getPath();

String fileNm = attachFile.getFileNm();

String fileGb = attachFile.getFileGbn();

System.out.println("#### download : filePath = " + filePath);

System.out.println("#### download : fileNm = " + fileNm);

System.out.println("#### download : fileGb = " + fileGb);

File file = new File(filePath);

File file2 = new File(filePath + "." + fileGb);

System.out.println("#### download : file = " + file);

System.out.println("#### download : file.toPath() = " + file.toPath());

String contentType = Files.probeContentType(Paths.get(file.toString()));

//String contentType = Files.probeContentType(file2.toPath());

System.out.println("#### download : file2.toPath = " + file2.toPath());

System.out.println("#### download : contentType = " + contentType);

HttpHeaders headers = new HttpHeaders();

headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);

headers.setContentLength(file.length());

//headers.setContentDispositionFormData("attachment", file.toString());

String encodedFileName = Base64.getEncoder().encodeToString(file.getName().getBytes("UTF-8"));

headers.add("Content-Disposition", "attachment; filename*=UTF-8''" + encodedFileName);

//headers.add(HttpHeaders.CONTENT_TYPE, contentType);

//headers.setContentDisposition(ContentDisposition.builder("attachment").filename(file.getName(), StandardCharsets.UTF_8).build());

Resource resource = new InputStreamResource(Files.newInputStream(file.toPath()));

return new ResponseEntity<>(resource, headers, HttpStatus.OK);

vue3 servcie

getDownload(_params) {

return http.get('/ma/attachfile/download',{ params: _params}, {responseType: 'blob'}).then(res => res);

}

vue3 프론트

attachFileService.getDownload(attachfile).then((res) => {

console.log(new Blob([res.data]));

const fileURL = URL.createObjectURL(new Blob([res.data], { type: 'text/plain;charset=utf-8' }));

const fileLink = document.createElement('a');

fileLink.href = fileURL;

fileLink.download = fileNm;

document.body.appendChild(fileLink);

fileLink.click();

document.body.removeChild(fileLink);

doooss · Answer

저는 js 로만 pdf 다운로드 구현을 실행해봤지만, 비슷한 이슈가 있었는데요.
js 에서 pdf 의 경우 한글 폰트를 blob화 시켜 직접 적용되도록 설정 해 주어야 한글깨짐이 방지 되었습니다.

검색결과 java 에서도 한글폰트 파일을 직접 적용해야 해당 이슈가 해결 될 것으로 예상됩니다.
java pdf 한글깨짐으로 검색해보세요~

2019년 코딩 노예 시작 · Answer

해결함

변경전

getDownload(_params) {

return http.get('/ma/attachfile/download',{ params: _params}, {responseType: 'blob'}).then(res => res);

}

변경후

getDownload(_params) {

return http.get('/ma/attachfile/download',{ params: _params , responseType: 'blob'}).then(res => res);

}

이거 맨처음에는 변경전에도 잘되다가 갑자기 어느순간부터 안됬음 그래서 혹시나 싶어서 아래 방식으로 변경

get>(url: string, config?: AxiosRequestConfig): Promise;

get 형식? 오류인가 될 때도 있고 안될 때도 있고 하아..

웹에서 파일 다운로드 기능

2개의 답변

Q&A 목록