• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    해결됨

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

24.02.10 20:31 작성 24.02.11 01:54 수정 조회수 231

0

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

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

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

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

 

heic 포함했을때

 

heic 포함하지 않을때

답변 1

답변을 작성해보세요.

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);
        }
    });
};

질문 감사합니다!

문신호님의 프로필

문신호

질문자

2024.02.12

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