인앱브라우저 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 이상으로 올라가는 하반기에 기능 추가를 고려예정입니다.

참고 부탁드립니다.