인앱브라우저 ios data url 이미지 다운로드 문의

JavaScript
1

안녕하세요
카카오톡 알림톡에서 인앱브라우저로 연결된 페이지를 이미지로 다운로드하는 작업을 하고 있습니다.
download 속성이 있는 a링크를 사용하고 있고
data url 로 만들어서 이미지 다운로드 하고 있습니다.

안드로이드에서는 가능한테 ios에서는 아무 반응이 없습니다.
해결방법이 있나요?

사파리나 기타 브라우저에서는 동작하고 있습니다.

2

안녕하세요.

데브톡에서는 디벨로퍼스관련 설정과 API, SDK 를 안내하는터라
카카오톡의 기능인 인앱브라우저 기능 구성은

번거로우시겠지만. 카카오톡 고객센터에 문의해보시겠어요?

일반 | kakao 고객센터

4

카카오 고객센터에 먼저 문의했는데 여기에 문의하라는 답변을 받았습니다

5

재현테스트 해볼 수 있는 URL알려주시면 관련부서에 내용 전달 드리도록 하겠습니다.

7

개발중인 내용이라 외부에서 접근 가능한 url이 없습니다.
일반적으로 html을 image로 만들고 다운받는 로직입니다.
소스 내용은 아래와 같습니다.
html-to-image 의 toPng를 사용했고
toPng(div).then((dataUrl) => {
const a = document.createElement(‘a’);
a.download = ‘imagename.png’;
a.href = dataUrl;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
})

8

안녕하세요.
html-to-image npm 라이브러리에 관련된 내용은 확인해드릴 수 없고

컨버팅된 이후,

이미지를 a태그로 다운로드 받는게 안되는지 확인해드리면될까요?

9

네 a 링크의 url 이 dataurl 인 경우 확인 부탁드립니다

10

@seeds.apple

아래와 같이 a태그에 download 속성 추가해서 테스트 해봤습니다.

말씀하신 것과 달리 " 아무 반응이 없는"것이 아니라 브라우저에 이미지가 표시되는 것으로 확인됩니다.
다만, 다운로드 처리되는 다른 브라우저와 동작이 다르므로 카카오톡 관련 부서에 해당 내용 제보해두었습니다.
참고 부탁드립니다.

재현 테스트용 URL http://test-tam.pe.kr/test_inapp_datalink.html

11

url이 http가 아닌 dataurl (data:image)인 경우 입니다

12

카카오톡 관련 부서에 해당 내용 제보해두었습니다. 피드백 오는데로 공유드리겠습니다.

13

아이폰 인앱브라우저는 wkwebview 를 사용하는데, 기본적으로 download attirbute 나 dataurl 을 지원하지 않습니다.
ios 14.5 에서 이런 걸 할 수 있는 기능이 추가되긴 했는데 톡의 os 최소 지원 버전이 아직 14.0 이라서 14.5 이상으로 올라가는 하반기에 기능 추가를 고려예정입니다.

참고 부탁드립니다.

14

현재 기준으로 해당 기능은 지원 되는건가요?

15

안녕하세요.

아쉽지만, 현재 해당 기능은 아직 제공하고 있지 않습니다.
해당 기능은 23년 하반기에 기능 추가가 고려 되어 현재 24년내 제공 목표를 갖고 디자인중에 있습니다.