[html] 파일 다운로드
참조 2019. 5. 4. 09:43 |HTML5에 추가된 속성 중 <a> 태그에만 추가된 download라는 속성
<a href="http://x.x.x.x" download>파일</a>
-----------------------------------------------------------------
function createHTMLDocument() { var blob = new Blob( ['<!doctype html>','<html><head><title>Blob Example</title><body>',document.getElementById('code').value,'</body></html>'], {type:'text/html'} ); var url = URL.createObjectURL(blob); var link = document.getElementById('link'); link.setAttribute('href', url); link.innerHTML = '클릭하여 다운받기'; }
-------------------------------------------------------------------
<div> <p>HTML <body> 태그 안에 들어갈 내용을 입력하세요.</p> <p><textarea id="code" style="width:99%;height:100px"><p>안녕하세요.</p></textarea></p> </div> <button onclick="createHTMLDocument()" style="line-height:3em">HTML 문서로 만들기</button> <p><a href="#" id="link" download="my_document.html"></a></p>
----------------------------------------------------------------
<a href="http://x.x.x.x/파일">파일</a>
<a href="http://x.x.x.x/파일" target="_blank">새창</a>
<a href="http://x.x.x.x/파일" target="_self">파일</a>
----------------------------------------------------------------
'참조' 카테고리의 다른 글
| 귀여운 탱구 (0) | 2011.01.31 |
|---|---|
| [전문가리뷰] Adobe CS5의 달라진 기능을 살펴보 (0) | 2010.07.25 |
| LG B10MF.ARD500D (0) | 2010.04.16 |
| 종족가능런처스타 (0) | 2010.03.09 |
| 제로보드 zbxe 스킨세상풍경 (0) | 2010.01.22 |