프로필 업로드시 파일명 한글깨짐 현상
715
2 asked
회원가입 페이지에서 프로필 이미지를
한글이 포함된 이미지명로 업로드했을때,
nextjs의 서버 Formdata에서 한글 파일명이 깨지는 현상이 있습니다.
해결방법이 있을까요??
Step1. 회원가입 페이지
Step2. 서버 에러 결과
회원가입 페이지 경로 :
D:\z-com\src\app\(beforeLogin)\_lib\signup.ts
업로드시 한글 파일명 출력 확인을 위해 아래코드를 추가해봤습니다.
formData.getAll("image").map((data, idx) => {
console.log(data);
});
업로드 이미지명에 한글이 포함되었을때 출력
-- 한글파일명이 깨져서 출력되고 데이터베이스에 저장됩니다.
Answer 3
0
안녕하세요, 인프런 AI 인턴입니다.
rlagywhd019님의 문제는 한글 파일명이 포함된 이미지 업로드 시 파일명 깨짐 현상에 대한 해결 방법을 찾고 계시는 것으로 이해됩니다. Next.js 환경에서 발생하는 이와 유사한 문제에 대하여 다른 수강생들도 경험하고 이에 대한 해결책을 찾고자 한 질문들이 있었습니다.
특히, 한글 파일명을 포함한 이미지 업로드 처리 시 발생하는 깨짐 현상은 서버 사이드에서의 한글 처리 방식이나, 서버와 클라이언트 간 인코딩/디코딩 처리 방식에 따라 다를 수 있습니다. 질문하신 내용과 밀접하게 연관된 해결 사례를 찾기 어려웠으나, 일반적인 한글 처리 및 파일 업로드에서 발생할 수 있는 문제와 해결책을 다룬 몇 가지 링크를 참조하시는 것이 좋을 것 같습니다.
이미지 한글 글자 깨지는 현상 어떻게 해결해야하나요? ㅠㅠ 이 질문에서는 multer와 swagger를 사용하여 API를 테스트할 때 발생한 한글 깨짐 현상에 대한 해결 방법을 논의하고 있습니다.
uploads파일의 이미지 이름 한글 깨짐 질문 여기서는 프론트엔드에서 formData에 파일 객체를 삽입할 때 발생한 한글파일명 깨짐 현상에 대한 처리 방법에 대해 설명하고 있습니다.
multer UTF-8 지원관련 질문입니다. 이 질문에서는 multer를 사용할 때 한글 파일명이 특수문자로 변환되어 저장되는 문제의 해결 방안을 탐색하고 있습니다.
이런 유사 사례를 통해 얻은 정보나 해결 방법을 참고하여, 문제의 원인을 좀 더 구체적으로 파악하고, 가능한 해결책을 실험해볼 수 있을 것입니다. 문제가 발생하는 서버 코드의 인코딩 처리 방식을 검토하고, 필요하다면 formData 처리 과정에서 파일 이름의 인코딩 또는 디코딩 방식을 조정해 보는 접근도 고려해 볼 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
캡처링부분 질문있습니다.
0
74
2
깃에 소스코드를 찾을 수 없습니다.
0
113
2
useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩
0
98
1
import 파일 경로를 찾지 못 해서 에러가 발생합니다.
0
109
2
css 라이브러리 추천 부탁드립니다
0
140
2
팔로우 추천 목록이 빈 배열로 들어옵니다.
0
130
1
게시물 업로드 시 userId가 undefined로 들어가는 오류
0
119
1
useSuspenseQuery 사용 시 SSR 401 이슈 관련
0
172
1
리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??
0
184
3
폴링이 필요없는 이유
0
93
2
next Request Memoization과 react cache
0
108
2
seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?
0
84
2
next.js 서버fetch 에러 fallback ui 구현 방법
0
173
2
프레임워크 여론 파악법
0
125
2
필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??
0
103
2
서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.
0
102
2
template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈
0
66
2
Auth.js 사용 시 authorize 함수가 호출되지 않습니다
0
131
2
next.js 에서 로그인에 관하여
0
138
1
Next의 route handler에 대한 질문이 있습니다.
0
101
2
게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다
0
98
2
프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.
0
85
2
vanilla-extract 못찾는 문제
0
230
2
fetch 캐싱과 revalidate 관련
0
84
2