이미지 다운로드 후 메세지 띄우기
본문
html 로 이미지를 다운로드 받게 하려면 아래와 같이 하면 되는데요
<a href="경로" download><button>다운</button></a>
문제가
위와 같이 할경우 저희쪽 환경탓인지 다운로드가 됐다는 메세지가 없습니다.(안나옵니다.)
아무런 반응이 없으니 버튼을 자꾸 누르게 되고.. 다운로드 폴더에는 같은 이미지가 누른만큼 쌓이게 됩니다.
버튼을 눌렀을경우 '저장되었습니다' 라는 메세지를 보여주고 싶은데 어떻게 해야할까요
답변 4
download란 속성을 처음 보는것 같군요
스크립트 없이 아래와 같이 해보세요
<a href="다운로드 주소" download onclick="alert('다운로드 되었습니다');" ><button>다운</button></a>
button이나 a태그에 클릭 이벤트를 넣어 보세요
<script>
function down_event(obj_url){
if(obj_url){
alert('다운로드가 되었습니다');
window.location.href= obj_url;
}
}
</script>
<a href="#" onclick="down_event('다운로드 경로');return false;"><button>다운</button></a>
a클릭시 자바스크립트를 실행하게 됩니다 알러트후 다운로드 경로로 이동( 이동없이 브라우저엣 다운로드)하게 됩니다
onclick="alert(\'다운로드 되었습니다\');>
아래와 같이 닫음 태그 앞에 쌍따옴표 넣어 보세요 태그 오류입니다
onclick="alert(\'다운로드 되었습니다\');">
다운로드시 브라우저 하단에 다운로드되고 있는 파일이 안뜨나요?