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

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

Susan Sarandon
풀어 주다: 2024-12-01 03:48:13
원래의
303명이 탐색했습니다.

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

JavaScript로 파일 읽기 및 쓰기

일반적으로 웹 브라우저에서 직접 파일 작업을 수행하는 것은 불가능하지만 JavaScript는 다음을 통해 서버 측에서 파일을 관리하는 기능을 제공합니다. Node.js 구현입니다.

서버측 파일 조작

다음을 사용하여 파일을 읽고 쓰려면 Node.js에서는 fs(파일 시스템) 모듈을 활용합니다. 예는 다음과 같습니다.

const fs = require('fs');

// Read a file
fs.readFile('file.txt', 'utf8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

// Write a file
fs.writeFile('file.txt', 'Hello world!', err => {
  if (err) throw err;
  console.log('File has been written successfully.');
});
로그인 후 복사

클라이언트측 파일 조작

HTML5를 사용하면 클라이언트측에서 파일에 액세스할 수 있습니다.

const fileInput = document.getElementById('file-input');

fileInput.addEventListener('change', e => {
  const file = e.target.files[0];

  // Read a file
  const reader = new FileReader();
  reader.onload = () => {
    console.log(reader.result);
  };
  reader.readAsText(file);

  // Write a file (client-side)
  const filename = 'file.txt';
  const fileContent = 'Hello world!';

  const blob = new Blob([fileContent], { type: 'text/plain' });
  const url = URL.createObjectURL(blob);

  const a = document.createElement('a');
  a.href = url;
  a.download = filename;
  a.click();
});
로그인 후 복사

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

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