<input type="file"> 카메라 촬영 시 size 0

InAppBrowser(카톡/카스 인앱브라우져)
1

카카오톡 인앱브라우저에서 <input type="file>을 통해 카메라 촬영 시 파일의 size가 0으로 측정되어 사진 업로드에 어려움을 겪고 있습니다.

직접 촬영이 아닌 갤러리에서 첨부 시 파일의 사이즈가 정상적으로 측정되고 업로드 또한 정상적으로 이루어 집니다.
아래는 코드의 일부분 입니다.

const handleChangeCamera = async (event: React.ChangeEvent<HTMLInputElement>) => {
  const file = event.target.files?.[0];
  alert(`name: ${file?.name} size: ${file?.size} ${file?.type}`)
}

<input
      type="file"
      accept="image/*"
      id="cameraInput"
      onChange={handleChangeCamera}
/>
2

안녕하세요.

데브톡에서는 디벨로퍼스 관련 설정과 API, SDK를 안내하고 있습니다.
카카오톡의 기능인 인앱브라우저는 카카오톡 고객센터에 문의하셔야합니다.
( 문의하실때, 해당 개발팀이 접수 받을 수 있도록 “개선, 제안” 분류로 접수해주세요. )

위와 별개로
재현 가능한 URL 과 관련 화면 캡쳐 해주시면 저도 어떤 상황인지 확인해보도록 하겠습니다.

3

테스트 url
https://testkakaodev.mysecondplace.co.kr/managementReportPost

재현 순서

  1. 야외 → 미완료 클릭
  2. 호스릴 설치 → 카메라 아이콘 클릭
  3. 사진업로드 → + 아이콘 클릭
  4. 카메라 촬영으로 테스트 → 이미지 사이즈가 0
  5. 갤러리에서 첨부 → 이미지 사이즈 정상

alert 메시지는 위 본문 코드 참고 부탁드립니다.

4

안녕하세요

카메라로 찍었을 때도 input file로 전달 하시나요?

5

안녕하세요.

네 동일한 input file 사용합니다.
다른 인앱브라우저가 있는 어플리케이션에서 테스트 해보았을 땐 정상 작동하였습니다(인스타그램, 라인)

6

정상 동작하는 것으로 확인됩니다.
앱을 완전히 종료 하였다가 다시 시도 부탁드립니다.

7

확인 감사드립니다.

내부적으로 몇가지 기종에서 테스트 해본 결과
Nothing Phone (2a) 에서만 오류가 발생하는 점 확인하였습니다.

카카오톡 앱 권한에서는 카메라와 사진 및 동영상 권한은 허용되어 있습니다.

해당 기종 자체 문제인지 아니면 권한을 더 허용해야 하는지 알 수 있을까요?

8

말씀주신 기종을 보유하고 있지 않아 정확한 확인은 어렵지만,
카카오톡 인앱브라우저는 웹뷰를 사용하고, 카메라와 갤러리로 부터 선택된 데이터 처리를 구현 하고 있습니다.

타 디바이스에서 정상 동작하는 것으로 보아 해당 제조사 OS에 종속적인 문제로 보입니다.