2017-01-11 1 views
0

모바일 사이트 인 웹 사이트의 이미지에 다운로드 버튼을 추가해야합니다. 다른 관련 질문을 보았고 그 모두가 PC 브라우저 용이었습니다. 모바일 브라우저를 지원하는 답변이 필요합니다. 모바일 장치 용 이미지에 버튼을 Onclick으로 다운로드

나는

HTML <a> download Attribute를 사용하지만 모바일 브라우저에서 지원되지 않는.

+0

가능한 중복 모바일 (터치)] (http://stackoverflow.com/questions/22015908/onclick-not-working-on-mobile-touch) – demo

답변

1

당신은 ..... HTML을 실패하면이

<a href="/path/to/image" download="myimage"><img src="/path/to/image" /></a> 
+0

나는이 하나를 ii로 시도했다. 내 질문에 nformed. 모바일 브라우저에서 지원되는 코드가 필요합니다. 귀하의 코드는 컴퓨터 브라우저에서 작동합니다. –

0

당신은 jQuery를 사용할 수있는 HTML 코드

<div id="imageDiv"><img src="ImageLink" style="margin-top: 0px;"></div> 
<a href="#" onclick="Download_Image(this)" download>Click here to download image</a> 

jQuery를 사용할 수 있습니다

<script> 
    function Download_Image(element) 
    { 
    debugger; 
    var mydiv =$("#imageDiv"); 
    var Image=mydiv[0].children; 
    mydiv.download=Image[0].src; 
    } 
</script> 
온 클릭 작동하지 않습니다 [의
+0

이미지의 범위를 사용하고 있으며 루프에 추가 할 수있는 솔루션이 필요합니다. –

+0

Div에 동일한 클래스를 추가하면됩니다. –