이미지파일 공유에 대해 문의드립니다

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

안녕하세요. 앱인토스 미니앱에서 이미지 파일 공유 관련 문의드립니다.
현재 미니앱에서 사용자가 생성한 꽃카드 이미지를 공유하는 기능을 구현 중입니다.
구현 방식은 다음과 같습니다.

  1. 사용자가 업로드한 사진과 꽃 이름/꽃말/메모를 canvas에 그림
  2. canvas.toDataURL(“image/png”)로 PNG base64 생성
  3. fetch(base64) → blob() → new File([blob], “…png”, { type: “image/png” })로 이미지 파일 생성
  4. navigator.canShare({ files: [file] })가 true이면
    navigator.share({ title, text, files: [file] }) 실행
  5. 이미지 파일 공유가 불가능하면 텍스트 공유로 fallback
    일반 Web Share API 문서상으로는 파일 공유 시 navigator.canShare() 확인 후 navigator.share({ files })를 사용하는 방식이 맞는 것으로 보입니다.
    다만 앱인토스 환경에서 이미지 파일 공유가 실제로 지원되는지 확인이 필요합니다.
    확인 요청드립니다.
    앱인토스 미니앱 WebView에서 navigator.share({ files })를 통한 이미지 파일 공유가 지원되나요?
    지원된다면 File, Blob, base64 dataURL, 원격 이미지 URL 중 어떤 방식이 권장되나요?
    현재 @apps-in-toss SDK의 공유 기능은 텍스트/URL 중심인지, 이미지 파일 첨부까지 가능한지 궁금합니다.
    이미지 파일 공유가 제한된다면, 사용자가 이미지를 저장한 뒤 직접 공유하도록 안내하는 방식이 권장되는지요?

참고하실 수 있도록 구성 코드를 첨부합니다.

const file = new File([blob], “flower-card.png”, {
type: “image/png”,
});

if (navigator.canShare?.({ files: [file] })) {
await navigator.share({
title: “엄마는꽃”,
text: “엄마는꽃에서 만든 꽃카드입니다.”,
files: [file],
});
} else {
await navigator.share({
title: “엄마는꽃”,
text: “이미지 파일 공유가 지원되지 않아 텍스트만 공유합니다.”,
});
}

감사합니다.

appName (선택)

momIsFlower