> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 파일을 Base64 인코딩으로 어떻게 변환합니까?

JavaScript에서 파일을 Base64 인코딩으로 어떻게 변환합니까?

Linda Hamilton
풀어 주다: 2024-12-01 06:22:12
원래의
620명이 탐색했습니다.

How Do I Convert Files to Base64 Encoding in JavaScript?

JavaScript를 사용하여 파일을 Base64로 변환

base64에서 JSON을 통해 파일을 보내려면 다음 단계를 따르세요.

  1. 파일 받기 객체:

    • document.querySelector()를 활용하여 파일 입력 요소를 선택합니다.
    • 인덱스 0에 있는 파일 배열에서 파일 객체를 검색합니다.
  2. 다음을 사용하여 Base64로 변환합니다. FileReader:

    • FileReader 객체를 생성합니다.
    • FileReader 객체에서 readAsDataURL을 호출하고 파일 객체를 인수로 전달합니다.
    • In onload 이벤트 핸들러:

      • base64 문자열을 사용할 수 있습니다. reader.result.
  3. 예제 코드:
function getBase64(file) {
  var reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = function () {
    console.log(reader.result);
  };
  reader.onerror = function (error) {
    console.log('Error: ', error);
  };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file); // prints the base64 string
로그인 후 복사

File 객체는 다음을 수행할 수 있습니다. FileReader는 Blob의 하위 클래스이므로 함께 사용됩니다.

위 내용은 JavaScript에서 파일을 Base64 인코딩으로 어떻게 변환합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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