>웹 프론트엔드 >JS 튜토리얼 >JavaScript는 다운로드를 위해 파일에 데이터를 어떻게 쓸 수 있나요?

JavaScript는 다운로드를 위해 파일에 데이터를 어떻게 쓸 수 있나요?

DDD
DDD원래의
2024-12-26 03:22:09973검색

How Can JavaScript Write Data to a File for Download?

JavaScript에서 파일에 데이터 쓰기

JavaScript는 기본적으로 파일 쓰기를 지원하지 않지만 Blob을 현명하게 사용하면 이를 수행할 수 있습니다. 및 URL.createObjectURL.

브라우저에서는 이러한 방법을 사용하여 파일을 생성할 수 있습니다. 단, 보안상의 이유로 생성된 파일을 직접 저장하는 것은 금지되어 있습니다. 대신 다운로드 링크가 사용자에게 제공될 수 있습니다. 브라우저는 파일 이름을 제안할 수 있는 "다운로드" 속성을 지원할 수 있습니다.

아래 코드는 주어진 텍스트에서 텍스트 파일을 생성하는 기능을 제공합니다.

var makeTextFile = function (text) {
  var data = new Blob([text], {type: 'text/plain'});
  return window.URL.createObjectURL(data);
};

시작하려면 텍스트 영역에서 다운로드하려면 다음 코드를 사용할 수 있습니다:

var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');

create.addEventListener('click', function () {
  var link = document.createElement('a');
  link.setAttribute('download', 'info.txt');
  link.href = makeTextFile(textbox.value);
  document.body.appendChild(link);

  // simulate mouse click on link to start download
  var event = new MouseEvent('click');
  link.dispatchEvent(event);
  document.body.removeChild(link);
});

위 내용은 JavaScript는 다운로드를 위해 파일에 데이터를 어떻게 쓸 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.