반응형
먼저 코드를 보자.
const downLoad = () => {
let contents = "test";
let fileDown =
"data:text;charset=utf-8," + contents;
let encodedUri = encodeURI(fileDown);
let link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "numbers.txt");
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
contents에 txt에 담을 내용을 입력한다.
그리고 인코딩할 방법을 적고 + 로 묶어주면 된다.
임시 URI를 만들고, <a> 태그를 만든 후에, URI를 설정한다.
download로 설정 후, file 명을 적어준다.
다운로드가 완료된 이후에는 link가 불필요 하므로, 삭제한다.
반응형
'개발 > JavaScript' 카테고리의 다른 글
자바스크립트 - 텍스트를 클립보드에 복사하기 (Copy to Clipboard in Javascript) (0) | 2023.06.19 |
---|---|
자바스크립트 - 깊은 복사 (Deep Copy) (0) | 2022.05.21 |
html input 태그에서 비밀번호 표시 여부 설정하기 (0) | 2022.03.09 |
input 에서 자동 완성 끄기, 캐시 삭제하기 (0) | 2022.03.09 |
자바스크립트 - 객체 속성 기술자 (Object Property Descriptor) (0) | 2021.10.04 |
댓글