> 웹 프론트엔드 > JS 튜토리얼 > 서버측과 클라이언트측 모두에서 JavaScript를 사용하여 파일을 어떻게 읽고 쓸 수 있습니까?

서버측과 클라이언트측 모두에서 JavaScript를 사용하여 파일을 어떻게 읽고 쓸 수 있습니까?

Patricia Arquette
풀어 주다: 2024-12-01 02:33:10
원래의
458명이 탐색했습니다.

How Can I Read and Write Files Using JavaScript on Both Server and Client Sides?

JavaScript를 사용하여 파일 읽기 및 쓰기

대부분의 경우 보안 제약으로 인해 클라이언트 측 JavaScript에서 로컬 파일에 액세스하는 것이 허용되지 않습니다. . 하지만 Node.js와 같은 서버측 JavaScript 환경에서는 File 클래스를 통해 파일 조작이 가능합니다.

서버측 JavaScript(Node.js):

Node.js는 다음을 수행할 수 있는 FileSystem 클래스를 제공합니다.

// Reading Example
const fs = require('fs');
fs.readFile('file.txt', 'utf-8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

// Writing Example
fs.writeFile('output.txt', 'Hello World!', (err) => {
  if (err) throw err;
  console.log('File written successfully.');
});
로그인 후 복사

HTML5 (클라이언트측, 실험적):

HTML5는 File 및 FileReader 개체를 통해 클라이언트측 파일 액세스에 대한 실험적 지원을 제공합니다. 이를 통해 다음을 수행할 수 있습니다.

// Reading Example
const file = document.querySelector('input[type=file]');
file.addEventListener('change', (e) => {
  const reader = new FileReader();
  reader.onload = () => {
    const data = reader.result;
    // Process file data
  };
  reader.readAsText(e.target.files[0]);
});

// Writing Example
const blob = new Blob(['Hello World!'], { type: 'text/plain' });
const fileUrl = URL.createObjectURL(blob);
const a = document.querySelector('a');
a.href = fileUrl;
a.download = 'output.txt';
a.click();
로그인 후 복사

참고: 클라이언트측 파일 액세스는 계속 발전하고 있으며 모든 브라우저나 플랫폼에서 지원되지 않을 수 있습니다.

위 내용은 서버측과 클라이언트측 모두에서 JavaScript를 사용하여 파일을 어떻게 읽고 쓸 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿