Lecture 5 내용중 heic변환관련..

야, 너도 AI 서비스 만들 수 있어. [이미지 AI 서비스 서버리스 풀스택]

해결된 질문

작성

345

수정됨

안녕하세요 정말 재미있을꺼 같아서 강좌 나오자마자 결제해서 보고있습니다.

Lecture 5 내용중에 파일변환 하는 부분이있는데 heic2any 룰 활용해서 heic 변환하잖아요?

로컬로 리액트 돌리고 이미지 업로드 할때 heic 제외하고 전부 이미지는 업로드가 되고..heic를 포함해서 업로드하면 아무런 페이지가 나오지 않는데.. 왜그런걸까요?

윈도우 사용하고있는데.. 혹시나 몰라서 ms에서 제공하는 heic 코덱을 구매해서 윈도우상에서는 이미지가 읽어는 지더라구요.. 웹에서는 heic 제외하고 정상 작동합니다.. 확인 부탁드립니다!

heic 포함했을때

heic 포함하지 않을때

aws 서버리스 banana 생성형ai dreambooth

답변 1

배울장

지식공유자

윈도우에서 테스트를 해 본 적이 없어 발견 못한 오류가 있었네요

미리 해봤어야 하는데 죄송합니다 ㅠㅠ

확인해보니 윈도우 환경에서는 업로드한 파일의 타입을 "image/heic" 대신 빈 스트링인 ""으로 인식해서 생기는 오류였습니다.

utils.js의 changeFileToJpg 함수 안 heic 파일 여부를 확인하는 조건문에 코드를 추가해 주시면 윈도우에서도 heic 파일이 jpg로 변환됩니다

const changeFileToJPG = async (file) => {
    // 업로드된 이미지 파일이 heic 파일이라면 jpg로 변환
    return new Promise((resolve, reject) => {
        console.log(file.type);
        try {
            if (file.type === 'image/heic' || file.type === "") {
                ...중략
            } else {
                resolve(file);
            }
        } catch (error) {
            reject(error);
        }
    });
};

질문 감사합니다!

문신호

질문자

해결되었습니다~ 감사합니다!

인프런 커뮤니티 질문&답변

Lecture 5 내용중 heic변환관련..