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

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

Linda Hamilton
Linda Hamilton원래의
2024-12-01 06:22:12635검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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