JavaScript가 파일에 직접 쓸 수 있나요? 그렇다면 어떻게 쓸 수 있나요?

JavaScript로 파일에 데이터 쓰기

질문:

직접 쓰기가 가능한가요? 데이터를 외부 파일에 인쇄하지 않고 JavaScript만 사용하여 외부 파일로 전송 콘솔?

답변:

예, JavaScript를 사용하여 파일에 데이터를 쓰는 것이 가능하지만 특정 제한 사항이 있습니다.

브라우저에서는 직접 제한을 적용합니다. 보안 문제로 인해 파일 쓰기. 대신 Blob 및 URL.createObjectURL을 사용하여 가상 파일을 생성할 수 있습니다. 이러한 가상 파일은 다운로드 링크로 사용될 수 있으므로 사용자는 제안된 파일 이름으로 로컬에 저장할 수 있습니다.

Blob 및 개체 URL을 사용한 구현:

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);

  window.requestAnimationFrame(function () {
    var event = new MouseEvent('click');
    link.dispatchEvent(event);
    document.body.removeChild(link);
  });
});

이 예에서 '만들기' 버튼은 '텍스트 상자' 요소의 텍스트로 가상 파일 생성을 트리거합니다. 그러면 사용자는 생성된 링크를 클릭하여 이 가상 파일을 다운로드할 수 있습니다. 'info.txt' 파일 이름이 권장되지만 파일 저장 시 사용자가 변경할 수 있습니다.

제한 사항:

• 생성된 파일을 직접 저장할 수는 없습니다. 파일을 저장하면 보안 위험이 발생할 수 있습니다.
• 사용자가 저장할 수 있는 다운로드 링크로만 제공할 수 있습니다.
• 일부 브라우저에서는 '다운로드' 속성을 지원하지 않아 사용자가 파일을 다른 이름으로 저장할 수 있습니다.

위 내용은 JavaScript가 파일에 직접 쓸 수 있나요? 그렇다면 어떻게 쓸 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!