원생 js 를 사용 하여 base 64 로 로 컬 그림 파일 을 읽 습 니 다.

원인
프로젝트 를 할 때 문제 가 발생 했 습 니 다. 사용자 가 캔버스 에 그림 을 올 려 야 합 니 다. 일반적인 논 리 는 먼저 서버 에 그림 을 전송 한 다음 에 서버 에서 이 그림 을 읽 는 것 입 니 다. 이 과정 에서 읽 는 시간 이 너무 길 고 서버 도 작업 전의 그림 을 저장 할 필요 가 없 기 때문에 로 컬 에서 그림 을 읽 어야 합 니 다 (여기 base 64 형식 으로).여 기 는 잊 어 버 리 기 위해 기록 해 두 세 요.
코드

File.prototype.convertToBase64 = function(callback){
    var FR= new FileReader();
    FR.onload = function(e) {
         callback(e.target.result)
    };       
    FR.readAsDataURL(this);
  }

사용 방법 

document.querySelector('[type="file"]').files[0].convertToBase64(function(base64){
    console.log(base64);
});